Colour

#02ABBA

#02ABBA
Cyan
Dark
Nearest: Light seagreen

#02ABBA is a cyan with RGB values 2, 171, 186 and HSL 185°, 98%, 37%. It is a dark colour, so black text on it reaches 7.5:1 contrast (AAA for normal text). The nearest named colour is Light seagreen.

Colour values

#02ABBA#02ABBA

HEX#02ABBA

RGBrgb(2, 171, 186)

RGB (0–1)0.0078, 0.6706, 0.7294

RGB percentages0.8%, 67.1%, 72.9%

HSLhsl(184.9, 97.9%, 36.9%)

HSV / HSBhsv(184.9, 98.9%, 72.9%)

CMYK98.9%, 8.1%, 0%, 27.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer175,034

CSS custom property--colour: #02ABBA;

Brightness & contrast

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

Perceived brightness145.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.54:1

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

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

Greyscale equivalent#888888

Inverted#FD5445

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#8694BAno green cones; the most common form, about 1% of men; ΔE 34.8 from the original

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

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

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

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

Named colours

Light seagreen · ΔE 13.7 Dark cyan · ΔE 14.8 Dark turquoise · ΔE 15.4 Cadetblue · ΔE 15.7 Medium turquoise · ΔE 17.5 Teal · ΔE 18.5

Nearest named CSS colourLight seagreen (#20B2AA)ΔE 13.66, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BA1102

Analogous#02BA6D, #024FBA

Triadic#BA02AB, #ABBA02

Split complementary#BA024F, #BA6D02

Tetradic#6D02BA, #BA1102, #4FBA02

Tints, shades & saturation

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

Lighter +40%#8AF4FE

Lighter +30%#58F0FD

Lighter +20%#25EBFD

Lighter +10%#03D9EC

Darker −10%#017D88

Darker −20%#014E55

Darker −30%#002023

Darker −40%#000000

More saturated +25%#00ADBC

Less saturated −25%#1997A3

Channel breakdown

G171

B186

Red2 (0.8%)

Green171 (67.1%)

Blue186 (72.9%)

Hue184.89°

Saturation (HSL)97.87%

Lightness36.86%

Dominant channelBlue

Hex per channelR 02 · G AB · B BA

Keep nerding

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

#02ABBA

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