HEX Color #C5F0F8 (Powderblue)

About #C5F0F8

The hex code #C5F0F8 represents a beautifully specific shade of cyan. Designers often compare it to the standard color Powderblue. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 240, and 248.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 21% C, 3% M, 0% Y, and 3% K. With a hue angle of 189.4 degrees, it sits comfortably in the cyan spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#C5F0F8

RGB197, 240, 248

HSL189.4°, 78.5%, 87.3%

CMYK21%, 3%, 0%, 3%

HSV189.4°, 20.6%, 97.3%

LAB92.1, -12.1, -8.4

XYZ71.1, 81.0, 100.7

Decimal12972280

Color Harmonies

Complementary

#C5F0F8 #F8CCC4

Analogous

#C4F8E6 #C4D6F8

Triadic

#F8C4F0 #F0F8C4

Tetradic

#E6C4F8 #F8CCC4 #D6F8C4

Tints, Shades & Tones

Tints (Adding White)

#C5F0F8

#CBF1F8

#D1F3F9

#D8F5FA

#DEF6FB

#E5F8FB

#EBFAFC

#F2FBFD

#F8FDFE

#FFFFFF

Shades (Adding Black)

#C5F0F8

#AFD5DC

#99BAC0

#83A0A5

#6D8589

#576A6E

#415052

#2B3537

#151A1B

#000000

WCAG Contrast Accessibility

1.22:1

Text on #FFFFFF

FAIL

17.19:1

Text on #000000

AAA

1.17:1

Text on #F8FAFC

FAIL

14.62:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #C5F0F8; }

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

Similar Colors

Powderblue

#B0E0E6