#BDF9CA

#BDF9CA

Color Values

HEX

#BDF9CA

RGB

189, 249, 202

HSL

133.0, 83.3%, 85.9%

HSV

133.0, 24.1%, 97.6%

CMYK

24.1%, 0.0%, 18.9%, 2.4%

OKLCH

0.9291 0.0878 151.0

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BDF9CA

#F9BDEC

Analogous

#CEF9BD

#BDF9E8

#BDF9CA

Triadic

#BDF9CA

#CABDF9

#F9CABD

Split Complementary

#BDF9CA

#E8BDF9

#F9BDCE

Tetradic

#BDF9CA

#BDCEF9

#F9BDEC

#F9E8BD

Color Blindness Simulation

Original

#BDF9CA

Protanopia

#D7D8D5

Deuteranopia

#D4CFD8

Tritanopia

#C0DEE0

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F2FDF4
100
#E1FAE6
200
#BEF9CA
300
#8FF5A5
400
#52EF74
500
#15EA43
600
#11BB36
700
#0E962B
800
#0B7522
900
#0C551C
950
#083612

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.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