HEX Color #AFFFCC (Aquamarine)

About #AFFFCC

At its core, #AFFFCC is a very light and vivid hue. It is closely associated with the named CSS color Aquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 255, and 204.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 31% cyan and 0% magenta inks. With a hue angle of 141.8 degrees, it sits comfortably in the green spectrum.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#AFFFCC

RGB175, 255, 204

HSL141.8°, 100.0%, 84.3%

CMYK31%, 0%, 20%, 0%

HSV141.8°, 31.4%, 100.0%

LAB93.9, -34.6, 16.7

XYZ64.3, 85.0, 70.1

Decimal11534284

Color Harmonies

Complementary

#AFFFCC #FFAFE1

Analogous

#B9FFAF #AFFFF4

Triadic

#CBAFFF #FFCCAF

Tetradic

#AFB9FF #FFAFE1 #FFF3AF

Tints, Shades & Tones

Tints (Adding White)

#AFFFCC

#B7FFD1

#C0FFD7

#C9FFDD

#D2FFE2

#DBFFE8

#E4FFEE

#EDFFF3

#F6FFF9

#FFFFFF

Shades (Adding Black)

#AFFFCC

#9BE2B5

#88C69E

#74AA88

#618D71

#4D715A

#3A5544

#26382D

#131C16

#000000

WCAG Contrast Accessibility

1.17:1

Text on #FFFFFF

FAIL

18.00:1

Text on #000000

AAA

1.12:1

Text on #F8FAFC

FAIL

15.30:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #AFFFCC; }

.text-color { color: #AFFFCC; }

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

Similar Colors

Aquamarine

#7FFFD4