#CEEEB2

#CEEEB2

Color Values

HEX

#CEEEB2

RGB

206, 238, 178

HSL

92.0, 63.8%, 81.6%

HSV

92.0, 25.2%, 93.3%

CMYK

13.4%, 0.0%, 25.2%, 6.7%

OKLCH

0.911 0.086 130.8

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CEEEB2

#D2B2EE

Analogous

#ECEEB2

#B2EEB4

#CEEEB2

Triadic

#CEEEB2

#B2CEEE

#EEB2CE

Split Complementary

#CEEEB2

#B4B2EE

#EEB2EC

Tetradic

#CEEEB2

#B2ECEE

#D2B2EE

#EEB4B2

Color Blindness Simulation

Original

#CEEEB2

Protanopia

#DCDCC1

Deuteranopia

#DAD8C4

Tritanopia

#D0CCCE

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#EDF7E3
200
#DAF2C5
300
#BFE99B
400
#9DDD64
500
#7AD12E
600
#62A725
700
#4E861E
800
#3D6817
900
#2F4C15
950
#1D300D

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

16.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026