Colour

#02A89B

#02A89B
Cyan
Dark
Nearest: Light seagreen

#02A89B is a cyan with RGB values 2, 168, 155 and HSL 175°, 98%, 33%. It is a dark colour, so black text on it reaches 7.1:1 contrast (AAA for normal text). The nearest named colour is Light seagreen.

Colour values

#02A89B#02A89B

HEX#02A89B

RGBrgb(2, 168, 155)

RGB (0–1)0.0078, 0.6588, 0.6078

RGB percentages0.8%, 65.9%, 60.8%

HSLhsl(175.3, 97.6%, 33.3%)

HSV / HSBhsv(175.3, 98.8%, 65.9%)

CMYK98.8%, 0%, 7.7%, 34.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer174,235

CSS custom property--colour: #02A89B;

Brightness & contrast

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

Perceived brightness139 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.08:1

Contrast with white2.97:1WCAG normal text: Fail

Contrast with black7.08:1WCAG normal text: AAA

Greyscale equivalent#848484

Inverted#FD5764

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#9F9E9Bno red cones; affects about 1% of men; ΔE 39.3 from the original

Deuteranopia#8C909Cno green cones; the most common form, about 1% of men; ΔE 40.2 from the original

Tritanopia#00ACA4no blue cones; rare, and affects men and women equally; ΔE 3.3 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text2.97:1WCAG large text: Fail

Contrast with black, large text7.08:1WCAG large text: AAA

Named colours

Light seagreen · ΔE 4.9 Dark cyan · ΔE 14 Medium turquoise · ΔE 15.7 Dark turquoise · ΔE 16.6 Teal · ΔE 17.8 Medium aquamarine · ΔE 18.2

Nearest named CSS colourLight seagreen (#20B2AA)ΔE 4.92, a close match

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A8020F

Analogous#02A848, #0262A8

Triadic#9B02A8, #A89B02

Split complementary#A80262, #A84802

Tetradic#4802A8, #A8020F, #62A802

Tints, shades & saturation

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

Lighter +40%#79FDF3

Lighter +30%#46FDEF

Lighter +20%#14FCEA

Lighter +10%#03DACA

Darker −10%#01766D

Darker −20%#01433E

Darker −30%#00110F

Darker −40%#000000

More saturated +25%#00AA9D

Less saturated −25%#179389

Channel breakdown

G168

B155

Red2 (0.8%)

Green168 (65.9%)

Blue155 (60.8%)

Hue175.3°

Saturation (HSL)97.65%

Lightness33.33%

Dominant channelGreen

Hex per channelR 02 · G A8 · B 9B

Keep nerding

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

#02A89B

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