#C2E3CD

#C2E3CD

Color Values

HEX

#C2E3CD

RGB

194, 227, 205

HSL

140.0, 37.1%, 82.5%

HSV

140.0, 14.5%, 89.0%

CMYK

14.5%, 0.0%, 9.7%, 11.0%

OKLCH

0.8858 0.0459 156.2

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#C2E3CD

#E3C2D8

Analogous

#C7E3C2

#C2E3DD

#C2E3CD

Triadic

#C2E3CD

#CDC2E3

#E3CDC2

Split Complementary

#C2E3CD

#DDC2E3

#E3C2C7

Tetradic

#C2E3CD

#C2C7E3

#E3C2D8

#E3DDC2

Color Blindness Simulation

Original

#C2E3CD

Protanopia

#D0D1D2

Deuteranopia

#CECCD4

Tritanopia

#C4D7D7

Achromatopsia

#DADADA

CSS Usage

background-color: #C2E3CD;
color: #C2E3CD;
border-color: #C2E3CD;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F5FAF7
100
#E8F3EB
200
#CEE9D7
300
#ABD9BA
400
#7EC495
500
#50AF70
600
#408C59
700
#337048
800
#285738
900
#20412B
950
#14291B

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.16:1

AA Pass AAA Pass

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026