Colour

#00B0AF

#00B0AF
Cyan
Dark
Nearest: Light seagreen

#00B0AF is a cyan with RGB values 0, 176, 175 and HSL 180°, 100%, 35%. It is a dark colour, so black text on it reaches 7.8:1 contrast (AAA for normal text). The nearest named colour is Light seagreen.

Colour values

#00B0AF#00B0AF

HEX#00B0AF

RGBrgb(0, 176, 175)

RGB (0–1)0, 0.6902, 0.6863

RGB percentages0%, 69%, 68.6%

HSLhsl(179.7, 100%, 34.5%)

HSV / HSBhsv(179.7, 100%, 69%)

CMYK100%, 0%, 0.6%, 31%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer45,231

CSS custom property--colour: #00B0AF;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.83:1

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

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

Greyscale equivalent#8B8B8B

Inverted#FF4F50

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#A4A7AFno red cones; affects about 1% of men; ΔE 37.8 from the original

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

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

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

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

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

Named colours

Light seagreen · ΔE 4 Dark turquoise · ΔE 11.2 Medium turquoise · ΔE 12 Dark cyan · ΔE 14.3 Cadetblue · ΔE 17.7 Teal · ΔE 18.7

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B00001

Analogous#00B057, #0059B0

Triadic#AF00B0, #B0AF00

Split complementary#B00059, #B05700

Tetradic#5700B0, #B00001, #59B000

Tints, shades & saturation

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

Lighter +40%#7DFFFE

Lighter +30%#4AFFFE

Lighter +20%#17FFFE

Lighter +10%#00E3E2

Darker −10%#007D7C

Darker −20%#004A4A

Darker −30%#001717

Darker −40%#000000

More saturated +25%#00B0AF

Less saturated −25%#169A99

Channel breakdown

G176

B175

Red0 (0%)

Green176 (69%)

Blue175 (68.6%)

Hue179.66°

Saturation (HSL)100%

Lightness34.51%

Dominant channelGreen

Hex per channelR 00 · G B0 · B AF

Keep nerding

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

#00B0AF

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