#CDE3AF

#CDE3AF

Color Values

HEX

#CDE3AF

RGB

205, 227, 175

HSL

85.4, 48.1%, 78.8%

HSV

85.4, 22.9%, 89.0%

CMYK

9.7%, 0.0%, 22.9%, 11.0%

OKLCH

0.8863 0.0729 126.5

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CDE3AF

#C5AFE3

Analogous

#E3DFAF

#B3E3AF

#CDE3AF

Triadic

#CDE3AF

#AFCDE3

#E3AFCD

Split Complementary

#CDE3AF

#AFB3E3

#DFAFE3

Tetradic

#CDE3AF

#AFE3DF

#C5AFE3

#E3AFB3

Color Blindness Simulation

Original

#CDE3AF

Protanopia

#D7D7BC

Deuteranopia

#D5D4BF

Tritanopia

#CEC6C8

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DEECCA
300
#C6DFA4
400
#A8CE73
500
#89BD42
600
#6E9735
700
#58792A
800
#445E21
900
#34451B
950
#212C11

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.2:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026