#C3F3F8

#C3F3F8

Color Values

HEX

#C3F3F8

RGB

195, 243, 248

HSL

185.7, 79.1%, 86.9%

HSV

185.7, 21.4%, 97.3%

CMYK

21.4%, 2.0%, 0.0%, 2.7%

OKLCH

0.9324 0.0495 204.2

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#C3F3F8

#F8C8C3

Analogous

#C3F8E3

#C3D9F8

#C3F3F8

Triadic

#C3F3F8

#F8C3F3

#F3F8C3

Split Complementary

#C3F3F8

#F8C3D9

#F8E3C3

Tetradic

#C3F3F8

#E3C3F8

#F8C8C3

#D9F8C3

Color Blindness Simulation

Original

#C3F3F8

Protanopia

#D8D8F7

Deuteranopia

#D5D1F6

Tritanopia

#C5F6F6

Achromatopsia

#E9E9E9

CSS Usage

background-color: #C3F3F8;
color: #C3F3F8;
border-color: #C3F3F8;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F2FCFC
100
#E1F7F9
200
#BFF2F8
300
#91E9F2
400
#56DDEB
500
#1BD1E4
600
#15A7B7
700
#118692
800
#0D6972
900
#0E4C53
950
#093034

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.5:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026