#3f5670 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3f5670 | RGB(63, 86, 112) |
Created at 11/15/2026 20:50
RGB values are RGB(63, 86, 112)
#3f5670 color contains Red 24.71%, Green 33.73% and Blue 43.92%.
oklch(44.55% 0.0514 252.01)
#3f5670 color contains Red 24.71%, Green 33.73% and Blue 43.92%.
oklch(44.55% 0.0514 252.01)
Color Names of #3f5670 HEX code
≈ Fiord
Classification of #3f5670 color
#3f5670 is Semi dark and Cool Color Saturation 28%, lightness 34%.
Tint of Dark Slate Blue
Alternative colors of #3f5670
Opposite Color for #3f5670 is #70593f
#3f5670 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3f5670
cmyk
CMYK(44%, 23%, 0%, 56%)
Decimal
4150896
HEX
#3f5670
HSL
hsl(212, 28%, 34%)
HSLA
hsla(212, 28%, 34%, 1)
RGB
RGB(63, 86, 112)
RGBA
RGBA(63, 86, 112, 1)
Palettes for #3f5670 color:
Below are examples of color palettes with the #3f5670 HEX color
darkest color is #06090b from shades and lightest color is #eceef1 from tints
Shades palette of #3f5670:
#394d65
#32455a
#2c3c4e
#263443
#202b38
#19222d
#131a22
#0d1116
#06090b
#000000
Tints palette of #3f5670:
#52677e
#65788d
#79899b
#8c9aa9
#9fabb8
#b2bbc6
#c5ccd4
#d9dde2
#eceef1
#ffffff
Complementary palette of #3f5670:
#3f5670
#70593f
Triadic palette of #3f5670:
#3f5670
#703f56
#56703f
Square palette of #3f5670:
#3f5670
#703f6e
#70593f
#3f7041
Analogous palette of #3f5670:
#3f6e70
#3f5670
#413f70
Split-Complementary palette of #3f5670:
#3f5670
#70413f
#6e703f
Rectangle (tetradic) palette of #3f5670:
#3f5670
#593f70
#70593f
#56703f
Suggested color palettes for #3f5670 HEX:
Color palette with color #3f5670 #1:
Color palette with color #3f5670 #2:
Color palette with color #3f5670 #3:
Color palette with color #3f5670 #4:
Color palette with color #3f5670 #5:
Color Contrast
Color pairings of #3f5670 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3f5670
#3f5670Contrast Ratio
7.56:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3f5670
#3f5670Contrast Ratio
2.77:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3f5670 color png
Visit the popular colors list for more colors