Colour

#2F4F4F

#2F4F4F
Cyan
Dark
Named: Dark slate grey

#2F4F4F is the CSS colour cyan with RGB values 47, 79, 79 and HSL 180°, 25%, 25%. It is a dark colour, so white text on it reaches 8.9:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#2F4F4F#2F4F4F

HEX#2F4F4F

RGBrgb(47, 79, 79)

RGB (0–1)0.1843, 0.3098, 0.3098

RGB percentages18.4%, 31%, 31%

HSLhsl(180, 25.4%, 24.7%)

HSV / HSBhsv(180, 40.5%, 31%)

CMYK40.5%, 0%, 0%, 69%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,100,495

CSS custom property--colour: #2F4F4F;

Brightness & contrast

Relative luminance0.06761WCAG 2.x, 0 is black and 1 is white

Perceived brightness71 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.93:1

Contrast with white8.93:1WCAG normal text: AAA

Contrast with black2.35:1WCAG normal text: Fail

Greyscale equivalent#484848

Inverted#D0B0B0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4B4C4Fno red cones; affects about 1% of men; ΔE 12.2 from the original

Deuteranopia#45484Fno green cones; the most common form, about 1% of men; ΔE 12.2 from the original

Tritanopia#22514Fno blue cones; rare, and affects men and women equally; ΔE 4.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text8.93:1WCAG large text: AAA

Contrast with black, large text2.35:1WCAG large text: Fail

Named colours

Dark slate grey · ΔE 0 Dim grey · ΔE 18 Slate grey · ΔE 24.6 Teal · ΔE 24.6 Gray · ΔE 25.5 Light slate grey · ΔE 27.4

This is a named CSS colourDark slate grey (#2F4F4F)exact match

Hue familycyan

CSS keyword usabledarkslategray

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#4F2F2F

Analogous#2F4F3F, #2F3F4F

Triadic#4F2F4F, #4F4F2F

Split complementary#4F2F3F, #4F3F2F

Tetradic#3F2F4F, #4F2F2F, #3F4F2F

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#8EBCBC

Lighter +30%#6EA9A9

Lighter +20%#558F8F

Lighter +10%#426F6F

Darker −10%#1C2F2F

Darker −20%#090F0F

Darker −30%#000000

Darker −40%#000000

More saturated +25%#1F5F5F

Less saturated −25%#3F3F3F

Channel breakdown

R47

G79

B79

Red47 (18.4%)

Green79 (31%)

Blue79 (31%)

Hue180°

Saturation (HSL)25.4%

Lightness24.71%

Dominant channelGreen and Blue

Hex per channelR 2F · G 4F · B 4F

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#2F4F4F

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else