#BDF9C2

#BDF9C2

Color Values

HEX

#BDF9C2

RGB

189, 249, 194

HSL

125,0, 83,3%, 85,9%

HSV

125,0, 24,1%, 97,6%

CMYK

24,1%, 0,0%, 22,1%, 2,4%

OKLCH

0,9273 0,0957 146,9

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#BDF9C2

#F9BDF4

Analogous

#D6F9BD

#BDF9E0

#BDF9C2

Triadic

#BDF9C2

#C2BDF9

#F9C2BD

Split Complementary

#BDF9C2

#E0BDF9

#F9BDD6

Tetradic

#BDF9C2

#BDD6F9

#F9BDF4

#F9E0BD

Color Blindness Simulation

Original

#BDF9C2

Protanopia

#D7D8CF

Deuteranopia

#D4CFD2

Tritanopia

#C0DADC

Achromatopsia

#E8E8E8

CSS Usage

background-color: #BDF9C2;
color: #BDF9C2;
border-color: #BDF9C2;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F2FDF3
100
#E1FAE3
200
#BEF9C3
300
#8FF597
400
#52EF5F
500
#15EA27
600
#11BB1F
700
#0E9619
800
#0B7513
900
#0C5512
950
#08360B

Contrast Checker

Text on white

1,2:1

AA Fail AAA Fail

Text on black

17,49:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026