#3f5e72 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3f5e72 | RGB(63, 94, 114) |
Created at 02/20/2023 06:23
RGB values are RGB(63, 94, 114)
#3f5e72 color contains Red 24.71%, Green 36.86% and Blue 44.71%.
oklch(46.61% 0.0488 237.51)
#3f5e72 color contains Red 24.71%, Green 36.86% and Blue 44.71%.
oklch(46.61% 0.0488 237.51)
Color Names of #3f5e72 HEX code
≈ William
Classification of #3f5e72 color
#3f5e72 is Semi dark and Cool Color Saturation 29%, lightness 35%.
Tint of Dark Slate Gray
Alternative colors of #3f5e72
Opposite Color for #3f5e72 is #72533f
#3f5e72 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3f5e72
cmyk
CMYK(45%, 18%, 0%, 55%)
Decimal
4152946
HEX
#3f5e72
HSL
hsl(204, 29%, 35%)
HSLA
hsla(204, 29%, 35%, 1)
RGB
RGB(63, 94, 114)
RGBA
RGBA(63, 94, 114, 1)
Palettes for #3f5e72 color:
Below are examples of color palettes with the #3f5e72 HEX color
darkest color is #06090b from shades and lightest color is #eceff1 from tints
Shades palette of #3f5e72:
#395567
#324b5b
#2c4250
#263844
#202f39
#19262e
#131c22
#0d1317
#06090b
#000000
Tints palette of #3f5e72:
#526e80
#657e8e
#798e9c
#8c9eaa
#9fafb9
#b2bfc7
#c5cfd5
#d9dfe3
#eceff1
#ffffff
Complementary palette of #3f5e72:
#3f5e72
#72533f
Triadic palette of #3f5e72:
#3f5e72
#723f5e
#5e723f
Square palette of #3f5e72:
#3f5e72
#6c3f72
#72533f
#45723f
Analogous palette of #3f5e72:
#3f726c
#3f5e72
#3f4572
Split-Complementary palette of #3f5e72:
#3f5e72
#723f45
#726c3f
Rectangle (tetradic) palette of #3f5e72:
#3f5e72
#533f72
#72533f
#5e723f
Suggested color palettes for #3f5e72 HEX:
Color palette with color #3f5e72 #1:
Color palette with color #3f5e72 #2:
Color palette with color #3f5e72 #3:
Color palette with color #3f5e72 #4:
Color palette with color #3f5e72 #5:
Color #3f5e72 used in palettes (1)
Color Contrast
Color pairings of #3f5e72 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3f5e72
#3f5e72Contrast Ratio
6.87:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3f5e72
#3f5e72Contrast Ratio
3.05:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3f5e72 color png
Visit the popular colors list for more colors