HEX Color #AFD3B6 (Darkseagreen)

About #AFD3B6

The precise color #AFD3B6 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkseagreen. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 211, and 182.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 17% Cyan, 0% Magenta, 14% Yellow, and 17% Black. The HSL representation is 131.7° hue, 29.0% saturation, and 75.7% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#AFD3B6

RGB175, 211, 182

HSL131.7°, 29.0%, 75.7%

CMYK17%, 0%, 14%, 17%

HSV131.7°, 17.1%, 82.7%

LAB81.3, -17.5, 10.4

XYZ49.4, 59.1, 53.1

Decimal11522998

Color Harmonies

Complementary

#AFD3B6 #D2AFCB

Analogous

#BAD2AF #AFD2C8

Triadic

#B6AFD2 #D2B6AF

Tetradic

#AFBAD2 #D2AFCB #D2C8AF

Tints, Shades & Tones

Tints (Adding White)

#AFD3B6

#B7D7BE

#C0DCC6

#C9E1CE

#D2E6D6

#DBEBDE

#E4F0E6

#EDF5EE

#F6FAF6

#FFFFFF

Shades (Adding Black)

#AFD3B6

#9BBBA1

#88A48D

#748C79

#617565

#4D5D50

#3A463C

#262E28

#131714

#000000

WCAG Contrast Accessibility

1.64:1

Text on #FFFFFF

FAIL

12.82:1

Text on #000000

AAA

1.57:1

Text on #F8FAFC

FAIL

10.90:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #AFD3B6; }

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

Similar Colors

Darkseagreen

#8FBC8F