#AFCCF0

A very light, moderate blue closely aligning with Lightsteelblue.

About #AFCCF0

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

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 27% Cyan, 15% Magenta, 0% Yellow, and 6% Black. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #000000 text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#AFCCF0
RGB175, 204, 240
HSL213.2°, 68.4%, 81.4%
CMYK27%, 15%, 0%, 6%
HSV213.2°, 27.1%, 94.1%
LAB81.1, -1.7, -20.9
XYZ55.0, 58.6, 90.8
Decimal11521264

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.65:1
Text on #FFFFFF
FAIL
12.72:1
Text on #000000
AAA
1.58:1
Text on #F8FAFC
FAIL
10.81:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #AFCCF0; }
.text-color { color: #AFCCF0; }
.border-color { border: 2px solid #AFCCF0; }

Similar Colors

Lightsteelblue
#B0C4DE