#BDDCC0

#BDDCC0

Color Values

HEX

#BDDCC0

RGB

189, 220, 192

HSL

125.8, 30.7%, 80.2%

HSV

125.8, 14.1%, 86.3%

CMYK

14.1%, 0.0%, 12.7%, 13.7%

OKLCH

0.8642 0.0504 147.8

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BDDCC0

#DCBDD9

Analogous

#CADCBD

#BDDCD0

#BDDCC0

Triadic

#BDDCC0

#C0BDDC

#DCC0BD

Split Complementary

#BDDCC0

#D0BDDC

#DCBDCA

Tetradic

#BDDCC0

#BDCADC

#DCBDD9

#DCD0BD

Color Blindness Simulation

Original

#BDDCC0

Protanopia

#CACBC7

Deuteranopia

#C9C6C8

Tritanopia

#BFCCCD

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F5F9F6
100
#E8F2E9
200
#D0E6D2
300
#AFD5B3
400
#84BE89
500
#58A760
600
#47854D
700
#396B3D
800
#2C5330
900
#233E26
950
#162718

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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