#C3EFFA

#C3EFFA

Color Values

HEX

#C3EFFA

RGB

195, 239, 250

HSL

192.0, 84.6%, 87.3%

HSV

192.0, 22.0%, 98.0%

CMYK

22.0%, 4.4%, 0.0%, 2.0%

OKLCH

0.9247 0.0477 214.6

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#C3EFFA

#FACEC3

Analogous

#C3FAEA

#C3D4FA

#C3EFFA

Triadic

#C3EFFA

#FAC3EF

#EFFAC3

Split Complementary

#C3EFFA

#FAC3D4

#FAEAC3

Tetradic

#C3EFFA

#EAC3FA

#FACEC3

#D4FAC3

Color Blindness Simulation

Original

#C3EFFA

Protanopia

#D6D6F7

Deuteranopia

#D4D0F7

Tritanopia

#C5F5F5

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E0F5FA
200
#BDEDFA
300
#8EE1F6
400
#51D1F0
500
#14C0EB
600
#109ABC
700
#0D7B97
800
#0A6076
900
#0C4755
950
#072D36

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.05:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026