#C2EAF4

#C2EAF4

Color Values

HEX

#C2EAF4

RGB

194, 234, 244

HSL

192.0, 69.4%, 85.9%

HSV

192.0, 20.5%, 95.7%

CMYK

20.5%, 4.1%, 0.0%, 4.3%

OKLCH

0.9118 0.0437 214.6

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#C2EAF4

#F4CCC2

Analogous

#C2F4E5

#C2D1F4

#C2EAF4

Triadic

#C2EAF4

#F4C2EA

#EAF4C2

Split Complementary

#C2EAF4

#F4C2D1

#F4E5C2

Tetradic

#C2EAF4

#E5C2F4

#F4CCC2

#D1F4C2

Color Blindness Simulation

Original

#C2EAF4

Protanopia

#D3D4F2

Deuteranopia

#D1CEF1

Tritanopia

#C4F0EF

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E3F3F8
200
#C3EAF4
300
#97DBEC
400
#5FC8E2
500
#27B5D8
600
#1F90AD
700
#19748A
800
#145A6C
900
#12434F
950
#0B2A32

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

16.37:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026