Colour

#00BDB4

#00BDB4
Cyan
Dark
Nearest: Light seagreen

#00BDB4 is a cyan with RGB values 0, 189, 180 and HSL 177°, 100%, 37%. It is a dark colour, so black text on it reaches 8.9:1 contrast (AAA for normal text). The nearest named colour is Light seagreen.

Colour values

#00BDB4#00BDB4

HEX#00BDB4

RGBrgb(0, 189, 180)

RGB (0–1)0, 0.7412, 0.7059

RGB percentages0%, 74.1%, 70.6%

HSLhsl(177.1, 100%, 37.1%)

HSV / HSBhsv(177.1, 100%, 74.1%)

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

24-bit integer48,564

CSS custom property--colour: #00BDB4;

Brightness & contrast

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

Perceived brightness157 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.94:1

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

Contrast with black8.94:1WCAG normal text: AAA

Greyscale equivalent#949494

Inverted#FF424B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#9CA3B5no green cones; the most common form, about 1% of men; ΔE 42.5 from the original

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

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

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

Contrast with black, large text8.94:1WCAG large text: AAA

Named colours

Light seagreen · ΔE 5 Medium turquoise · ΔE 8.6 Dark turquoise · ΔE 9.1 Turquoise · ΔE 12.7 Medium aquamarine · ΔE 16.6 Dark cyan · ΔE 20.1

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BD0009

Analogous#00BD56, #0068BD

Triadic#B400BD, #BDB400

Split complementary#BD0068, #BD5600

Tetradic#5500BD, #BD0009, #67BD00

Tints, shades & saturation

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

Lighter +40%#8AFFF9

Lighter +30%#57FFF7

Lighter +20%#24FFF5

Lighter +10%#00F0E5

Darker −10%#008A83

Darker −20%#005753

Darker −30%#002422

Darker −40%#000000

More saturated +25%#00BDB4

Less saturated −25%#18A59F

Channel breakdown

G189

B180

Red0 (0%)

Green189 (74.1%)

Blue180 (70.6%)

Hue177.14°

Saturation (HSL)100%

Lightness37.06%

Dominant channelGreen

Hex per channelR 00 · G BD · B B4

Keep nerding

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

#00BDB4

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