#CEE7C3

#CEE7C3

Color Values

HEX

#CEE7C3

RGB

206, 231, 195

HSL

101.7, 42.9%, 83.5%

HSV

101.7, 15.6%, 90.6%

CMYK

10.8%, 0.0%, 15.6%, 9.4%

OKLCH

0.9 0.055 136.1

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#CEE7C3

#DCC3E7

Analogous

#E0E7C3

#C3E7CA

#CEE7C3

Triadic

#CEE7C3

#C3CEE7

#E7C3CE

Split Complementary

#CEE7C3

#CAC3E7

#E7C3E0

Tetradic

#CEE7C3

#C3E0E7

#DCC3E7

#E7CAC3

Color Blindness Simulation

Original

#CEE7C3

Protanopia

#D9D9CC

Deuteranopia

#D7D6CE

Tritanopia

#CFD3D4

Achromatopsia

#DFDFDF

CSS Usage

background-color: #CEE7C3;
color: #CEE7C3;
border-color: #CEE7C3;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F6FAF5
100
#EBF4E7
200
#D5EBCC
300
#B8DCA8
400
#91C978
500
#6AB649
600
#55923A
700
#44752F
800
#355B24
900
#29431E
950
#1A2A13

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.84: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