#BDDA9D

#BDDA9D

Color Values

HEX

#BDDA9D

RGB

189, 218, 157

HSL

88.5, 45.2%, 73.5%

HSV

88.5, 28.0%, 85.5%

CMYK

13.3%, 0.0%, 28.0%, 14.5%

OKLCH

0.8519 0.0871 128.8

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BDDA9D

#BA9DDA

Analogous

#DAD89D

#9EDA9D

#BDDA9D

Triadic

#BDDA9D

#9DBDDA

#DA9DBD

Split Complementary

#BDDA9D

#9D9EDA

#D89DDA

Tetradic

#BDDA9D

#9DDAD8

#BA9DDA

#DA9D9E

Color Blindness Simulation

Original

#BDDA9D

Protanopia

#CACAAC

Deuteranopia

#C8C6AF

Tritanopia

#BEB7BA

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#EDF4E6
200
#DCEBCB
300
#C3DDA6
400
#A3CB76
500
#82B946
600
#689438
700
#53762D
800
#415D23
900
#31441D
950
#1F2B12

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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