HEX Color #00DBAF (Aquamarine)

About #00DBAF

The precise color #00DBAF is an excellent choice for modern design projects. It is closely associated with the named CSS color Aquamarine. Its digital footprint relies on 0 parts red, 219 parts green, and 175 parts blue light.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 100% C, 0% M, 20% Y, and 14% K. With a hue angle of 167.9 degrees, it sits comfortably in the cyan spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#00DBAF

RGB0, 219, 175

HSL167.9°, 100.0%, 42.9%

CMYK100%, 0%, 20%, 14%

HSV167.9°, 100.0%, 85.9%

LAB78.3, -54.9, 9.2

XYZ33.1, 53.8, 49.2

Decimal56239

Color Harmonies

Complementary

#00DBAF #DB002B

Analogous

#00DB41 #0099DB

Triadic

#AE00DB #DBAE00

Tetradic

#4100DB #DB002B #99DB00

Tints, Shades & Tones

Tints (Adding White)

#00DBAF

#1CDFB7

#38E3C0

#55E7C9

#71EBD2

#8DEFDB

#AAF3E4

#C6F7ED

#E2FBF6

#FFFFFF

Shades (Adding Black)

#00DBAF

#00C29B

#00AA88

#009274

#007961

#00614D

#00493A

#003026

#001813

#000000

WCAG Contrast Accessibility

1.79:1

Text on #FFFFFF

FAIL

11.75:1

Text on #000000

AAA

1.71:1

Text on #F8FAFC

FAIL

9.99:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Aquamarine

#7FFFD4