HEX Color #00BDAF (Lightseagreen)

About #00BDAF

When working with digital screens, the color #00BDAF is rendered by mixing light. It is closely associated with the named CSS color Lightseagreen. Its digital footprint relies on 0 parts red, 189 parts green, and 175 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 100% cyan and 0% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#00BDAF

RGB0, 189, 175

HSL175.6°, 100.0%, 37.1%

CMYK100%, 0%, 7%, 26%

HSV175.6°, 100.0%, 74.1%

LAB69.1, -42.5, -4.2

XYZ25.9, 39.5, 46.8

Decimal48559

Color Harmonies

Complementary

#00BDAF #BD000D

Analogous

#00BD50 #006CBD

Triadic

#AF00BD #BDAE00

Tetradic

#5000BD #BD000D #6CBD00

Tints, Shades & Tones

Tints (Adding White)

#00BDAF

#1CC4B7

#38CBC0

#55D3C9

#71DAD2

#8DE1DB

#AAE9E4

#C6F0ED

#E2F7F6

#FFFFFF

Shades (Adding Black)

#00BDAF

#00A89B

#009388

#007E74

#006961

#00544D

#003F3A

#002A26

#001513

#000000

WCAG Contrast Accessibility

2.36:1

Text on #FFFFFF

FAIL

8.90:1

Text on #000000

AAA

2.26:1

Text on #F8FAFC

FAIL

7.56:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #00BDAF; }

.text-color { color: #00BDAF; }

.border-color { border: 2px solid #00BDAF; }

Similar Colors

Lightseagreen

#20B2AA