#CEEB9C

#CEEB9C

Color Values

HEX

#CEEB9C

RGB

206, 235, 156

HSL

82.0, 66.4%, 76.7%

HSV

82.0, 33.6%, 92.2%

CMYK

12.3%, 0.0%, 33.6%, 7.8%

OKLCH

0.9004 0.1069 124.9

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CEEB9C

#B99CEB

Analogous

#EBE19C

#A7EB9C

#CEEB9C

Triadic

#CEEB9C

#9CCEEB

#EB9CCE

Split Complementary

#CEEB9C

#9CA7EB

#E19CEB

Tetradic

#CEEB9C

#9CEBE1

#B99CEB

#EB9CA7

Color Blindness Simulation

Original

#CEEB9C

Protanopia

#DBDBAF

Deuteranopia

#D9D7B4

Tritanopia

#CFBEC2

Achromatopsia

#DFDFDF

CSS Usage

background-color: #CEEB9C;
color: #CEEB9C;
border-color: #CEEB9C;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F9FCF3
100
#F0F7E3
200
#E2F3C4
300
#CDEA99
400
#B1DF62
500
#96D42B
600
#78AA22
700
#60881B
800
#4B6A15
900
#384D13
950
#23310C

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

15.99:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026