Recognised as Colour

#2E7A61

#2E7A61
Cyan
Dark
Nearest: Teal

#2E7A61 is a cyan with RGB values 46, 122, 97 and HSL 160°, 45%, 33%. It is a dark colour, so white text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Teal.

Colour values

#2E7A61#2E7A61

HEX#2E7A61

RGBrgb(46, 122, 97)

RGB (0–1)0.1804, 0.4784, 0.3804

RGB percentages18%, 47.8%, 38%

HSLhsl(160.3, 45.2%, 32.9%)

HSV / HSBhsv(160.3, 62.3%, 47.8%)

CMYK62.3%, 0%, 20.5%, 52.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,045,985

CSS custom property--colour: #2E7A61;

Brightness & contrast

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

Perceived brightness102.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.16:1

Contrast with white5.16:1WCAG normal text: AA

Contrast with black4.07:1WCAG normal text: Fail

Greyscale equivalent#686868

Inverted#D1859E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#777260no red cones; affects about 1% of men; ΔE 28.8 from the original

Deuteranopia#6C6A63no green cones; the most common form, about 1% of men; ΔE 29.4 from the original

Tritanopia#007B73no blue cones; rare, and affects men and women equally; ΔE 10.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.16:1WCAG large text: AAA

Contrast with black, large text4.07:1WCAG large text: AA

Named colours

Teal · ΔE 15.5 Dark cyan · ΔE 17 Sea green · ΔE 17.4 Cadetblue · ΔE 23.1 Light seagreen · ΔE 24.9 Dark slate grey · ΔE 25.7

Nearest named CSS colourTeal (#008080)ΔE 15.47, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7A2E47

Analogous#2E7A3B, #2E6D7A

Triadic#612E7A, #7A612E

Split complementary#7A2E6D, #7A3B2E

Tetradic#3B2E7A, #7A2E47, #6D7A2E

Tints, shades & saturation

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

Lighter +40%#9BD9C5

Lighter +30%#76CBAF

Lighter +20%#51BD9A

Lighter +10%#3C9F7E

Darker −10%#205544

Darker −20%#123026

Darker −30%#040B09

Darker −40%#000000

More saturated +25%#198F68

Less saturated −25%#43655A

Channel breakdown

R46

G122

B97

Red46 (18%)

Green122 (47.8%)

Blue97 (38%)

Hue160.26°

Saturation (HSL)45.24%

Lightness32.94%

Dominant channelGreen

Hex per channelR 2E · G 7A · B 61

Keep nerding

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

#2E7A61

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