Colour
#3F423E
- #3F423E
- Grey
- Dark
- Nearest: Dark slate grey
#3F423E is a grey with RGB values 63, 66, 62 and HSL 105°, 3%, 25%. It is a dark colour, so white text on it reaches 10.2:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.
Colour values
#3F423E#3F423E
HEX#3F423E
RGBrgb(63, 66, 62)
RGB (0–1)0.2471, 0.2588, 0.2431
RGB percentages24.7%, 25.9%, 24.3%
HSLhsl(105, 3.1%, 25.1%)
HSV / HSBhsv(105, 6.1%, 25.9%)
CMYK4.5%, 0%, 6.1%, 74.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,145,726
CSS custom property--colour: #3F423E;
Brightness & contrast
Relative luminance0.05301WCAG 2.x, 0 is black and 1 is white
Perceived brightness64.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 10.19:1
Contrast with white10.19:1WCAG normal text: AAA
Contrast with black2.06:1WCAG normal text: Fail
Greyscale equivalent#414141
Inverted#C0BDC1
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text10.19:1WCAG large text: AAA
Contrast with black, large text2.06:1WCAG large text: Fail
Named colours
Hue familygrey
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#413E42
Analogous#41423E, #3E423F
Triadic#3E3F42, #423E3F
Split complementary#3F3E42, #423E41
Tetradic#3E4142, #413E42, #423F3E
Tints, shades & saturation
Channel breakdown
R63
G66
B62
Red63 (24.7%)
Green66 (25.9%)
Blue62 (24.3%)
Hue105°
Saturation (HSL)3.13%
Lightness25.1%
Dominant channelGreen
Hex per channelR 3F · G 42 · B 3E
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Nerdulate something else
Nothing in mind? Surprise me · today’s page