Created at 02/26/2023 13:13
#3f4a6f HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #3f4a6f | RGB(63, 74, 111) |
RGB values are RGB(63, 74, 111)
#3f4a6f color contain Red 24.71%, Green 29.02% and Blue 43.53%.
oklch(41.63% 0.0637 270.8)
#3f4a6f color contain Red 24.71%, Green 29.02% and Blue 43.53%.
oklch(41.63% 0.0637 270.8)
Classification of #3f4a6f color
#3f4a6f is Light and Cool Color Saturation 28%, lightness 34%.
Shade of darkslateblue
Alternative colors of #3f4a6f
Opposite Color for #3f4a6f is #6f643e
#3f4a6f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3f4a6f
Decimal
4147823
HEX
#3f4a6f
HSL
hsl(226, 28%, 34%)
HSLA
hsla(226, 28%, 34%, 1)
RGB
RGB(63, 74, 111)
RGBA
RGBA(63, 74, 111, 1)
Palettes for #3f4a6f color:
Below examples of color palettes for #3f4a6f HEX color
darkest color is #06070b from shades and lightest color is #ecedf1 from tints
Shades palette of #3f4a6f:
#394364
#323b59
#2c344e
#262c43
#202538
#191e2c
#131621
#0d0f16
#06070b
#000000
Tints palette of #3f4a6f:
#525c7d
#656e8c
#79809a
#8c92a9
#9fa5b7
#b2b7c5
#c5c9d4
#d9dbe2
#ecedf1
#ffffff
Complementary palette of #3f4a6f:
#3e4a6f
#6f643e
Triadic palette of #3f4a6f:
#3e4a6f
#6f3e4a
#4a6f3e
Square palette of #3f4a6f:
#3e4a6f
#6f3e62
#3e6f4b
#6f643e
Analogous palette of #3f4a6f:
#3e626f
#3e4a6f
Split-Complementary palette of #3f4a6f:
#3e4a6f
#3e626f
Rectangle (tetradic) palette of #3f4a6f:
#3e4a6f
#6f3e62
#3e6f4b
#6f4b3e
Suggested colors palettes for #3f4a6f HEX:
Colors palette with color #3f4a6f #1:
Colors palette with color #3f4a6f #2:
Colors palette with color #3f4a6f #3:
Colors palette with color #3f4a6f #4:
Colors palette with color #3f4a6f #5:
Color #3f4a6f used in palettes (1)
Color Contrast
Color pairings #3f4a6f with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3f4a6f
#3f4a6f Contrast Ratio
8.67:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3f4a6f
#3f4a6f Contrast Ratio
2.42:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3f4a6f color png
Visit the popular colors list for more colors