Recognised as Colour

#2E676D

#2E676D
Cyan
Dark
Nearest: Dark slate grey

#2E676D is a cyan with RGB values 46, 103, 109 and HSL 186°, 41%, 30%. It is a dark colour, so white text on it reaches 6.4:1 contrast (AA for normal text). The nearest named colour is Dark slate grey.

Colour values

#2E676D#2E676D

HEX#2E676D

RGBrgb(46, 103, 109)

RGB (0–1)0.1804, 0.4039, 0.4275

RGB percentages18%, 40.4%, 42.7%

HSLhsl(185.7, 40.6%, 30.4%)

HSV / HSBhsv(185.7, 57.8%, 42.7%)

CMYK57.8%, 5.5%, 0%, 57.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,041,133

CSS custom property--colour: #2E676D;

Brightness & contrast

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

Perceived brightness90.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.41:1

Contrast with white6.41:1WCAG normal text: AA

Contrast with black3.28:1WCAG normal text: Fail

Greyscale equivalent#5B5B5B

Inverted#D19892

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5F636Dno red cones; affects about 1% of men; ΔE 17.7 from the original

Deuteranopia#555C6Dno green cones; the most common form, about 1% of men; ΔE 18.1 from the original

Tritanopia#006B69no blue cones; rare, and affects men and women equally; ΔE 9.8 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text6.41:1WCAG large text: AAA

Contrast with black, large text3.28:1WCAG large text: AA

Named colours

Dark slate grey · ΔE 11.5 Teal · ΔE 14.6 Dark cyan · ΔE 18.4 Slate grey · ΔE 19.3 Dim grey · ΔE 19.4 Cadetblue · ΔE 21.2

Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 11.55, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6D342E

Analogous#2E6D53, #2E486D

Triadic#6D2E67, #676D2E

Split complementary#6D2E48, #6D532E

Tetradic#532E6D, #6D342E, #486D2E

Tints, shades & saturation

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

Lighter +40%#95CCD2

Lighter +30%#71BBC3

Lighter +20%#4DAAB4

Lighter +10%#3D8991

Darker −10%#1F4549

Darker −20%#102325

Darker −30%#010101

Darker −40%#000000

More saturated +25%#1B7780

Less saturated −25%#41575A

Channel breakdown

R46

G103

B109

Red46 (18%)

Green103 (40.4%)

Blue109 (42.7%)

Hue185.71°

Saturation (HSL)40.65%

Lightness30.39%

Dominant channelBlue

Hex per channelR 2E · G 67 · B 6D

Keep nerding

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

#2E676D

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