#BDDABC

#BDDABC

Color Values

HEX

#BDDABC

RGB

189, 218, 188

HSL

118,0, 28,8%, 79,6%

HSV

118,0, 13,8%, 85,5%

CMYK

13,3%, 0,0%, 13,8%, 14,5%

OKLCH

0,8589 0,0513 144,2

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BDDABC

#D9BCDA

Analogous

#CCDABC

#BCDACA

#BDDABC

Triadic

#BDDABC

#BCBDDA

#DABCBD

Split Complementary

#BDDABC

#CABCDA

#DABCCC

Tetradic

#BDDABC

#BCCCDA

#D9BCDA

#DACABC

Color Blindness Simulation

Original

#BDDABC

Protanopia

#CACAC3

Deuteranopia

#C8C6C5

Tritanopia

#BEC9CA

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#E9F2E9
200
#D2E6D1
300
#B1D3B0
400
#87BC85
500
#5DA45B
600
#4B8349
700
#3C693A
800
#2F522D
900
#253D24
950
#172717

Contrast Checker

Text on white

1,51:1

AA Fail AAA Fail

Text on black

13,92: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