HEX Color #AFDBD3 (Powderblue)

About #AFDBD3

The hex code #AFDBD3 represents a beautifully specific shade of cyan. Its closest recognized web color is Powderblue. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 219, and 211.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 20% cyan and 0% magenta inks. With a hue angle of 169.1 degrees, it sits comfortably in the cyan spectrum.

Ensuring your text is legible against this background is a key part of web design. 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#AFDBD3

RGB175, 219, 211

HSL169.1°, 37.9%, 77.3%

CMYK20%, 0%, 4%, 14%

HSV169.1°, 20.1%, 85.9%

LAB84.2, -15.9, -0.8

XYZ54.8, 64.5, 71.2

Decimal11525075

Color Harmonies

Complementary

#AFDBD3 #DAAFB6

Analogous

#AFDABC #AFCCDA

Triadic

#D3AFDA #DAD3AF

Tetradic

#BDAFDA #DAAFB6 #CCDAAF

Tints, Shades & Tones

Tints (Adding White)

#AFDBD3

#B7DFD7

#C0E3DC

#C9E7E1

#D2EBE6

#DBEFEB

#E4F3F0

#EDF7F5

#F6FBFA

#FFFFFF

Shades (Adding Black)

#AFDBD3

#9BC2BB

#88AAA4

#74928C

#617975

#4D615D

#3A4946

#26302E

#131817

#000000

WCAG Contrast Accessibility

1.51:1

Text on #FFFFFF

FAIL

13.90:1

Text on #000000

AAA

1.44:1

Text on #F8FAFC

FAIL

11.81:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #AFDBD3; }

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

Similar Colors

Powderblue

#B0E0E6