#C2E3EB

#C2E3EB

Color Values

HEX

#C2E3EB

RGB

194, 227, 235

HSL

191.7, 50.6%, 84.1%

HSV

191.7, 17.4%, 92.2%

CMYK

17.4%, 3.4%, 0.0%, 7.8%

OKLCH

0.8945 0.0364 214.0

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#C2E3EB

#EBCAC2

Analogous

#C2EBDE

#C2CEEB

#C2E3EB

Triadic

#C2E3EB

#EBC2E3

#E3EBC2

Split Complementary

#C2E3EB

#EBC2CE

#EBDEC2

Tetradic

#C2E3EB

#DEC2EB

#EBCAC2

#CEEBC2

Color Blindness Simulation

Original

#C2E3EB

Protanopia

#D0D1E9

Deuteranopia

#CECCE9

Tritanopia

#C4E8E7

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E5F2F5
200
#C9E6ED
300
#A3D5E1
400
#71BED0
500
#3FA7C0
600
#32859A
700
#286B7B
800
#1F5360
900
#1A3E47
950
#11272D

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.48:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026