#C1DFBE

#C1DFBE

Color Values

HEX

#C1DFBE

RGB

193, 223, 190

HSL

114.5, 34.0%, 81.0%

HSV

114.5, 14.8%, 87.5%

CMYK

13.5%, 0.0%, 14.8%, 12.5%

OKLCH

0.8728 0.0549 142.6

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#C1DFBE

#DCBEDF

Analogous

#D2DFBE

#BEDFCC

#C1DFBE

Triadic

#C1DFBE

#BEC1DF

#DFBEC1

Split Complementary

#C1DFBE

#CCBEDF

#DFBED2

Tetradic

#C1DFBE

#BED2DF

#DCBEDF

#DFCCBE

Color Blindness Simulation

Original

#C1DFBE

Protanopia

#CECEC6

Deuteranopia

#CCCAC8

Tritanopia

#C2CCCE

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#E9F2E8
200
#D1E7CF
300
#B1D7AD
400
#86C181
500
#5CAB54
600
#4A8943
700
#3B6D36
800
#2E552A
900
#243F22
950
#172815

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026