HEX Color #99F0BD (Aquamarine)

About #99F0BD

The precise color #99F0BD is an excellent choice for modern design projects. Its closest recognized web color is Aquamarine. Its digital footprint relies on 153 parts red, 240 parts green, and 189 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 36% cyan and 0% magenta inks. The HSL representation is 144.8° hue, 74.4% saturation, and 77.1% lightness.

From a UX and accessibility standpoint, contrast is paramount. Because it is a light 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#99F0BD

RGB153, 240, 189

HSL144.8°, 74.4%, 77.1%

CMYK36%, 0%, 21%, 6%

HSV144.8°, 36.2%, 94.1%

LAB88.3, -36.9, 16.5

XYZ53.5, 72.8, 59.4

Decimal10088637

Color Harmonies

Complementary

#99F0BD #F098CC

Analogous

#A0F098 #98F0E8

Triadic

#BC98F0 #F0BC98

Tetradic

#98A0F0 #F098CC #F0E898

Tints, Shades & Tones

Tints (Adding White)

#99F0BD

#A4F1C4

#AFF3CB

#BBF5D3

#C6F6DA

#D1F8E1

#DDFAE9

#E8FBF0

#F3FDF7

#FFFFFF

Shades (Adding Black)

#99F0BD

#88D5A8

#77BA93

#66A07E

#558569

#446A54

#33503F

#22352A

#111A15

#000000

WCAG Contrast Accessibility

1.35:1

Text on #FFFFFF

FAIL

15.55:1

Text on #000000

AAA

1.29:1

Text on #F8FAFC

FAIL

13.22:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #99F0BD; }

.text-color { color: #99F0BD; }

.border-color { border: 2px solid #99F0BD; }

Similar Colors

Aquamarine

#7FFFD4