#BDFDB2

#BDFDB2

Color Values

HEX

#BDFDB2

RGB

189, 253, 178

HSL

111.2, 94.9%, 84.5%

HSV

111.2, 29.6%, 99.2%

CMYK

25.3%, 0.0%, 29.6%, 0.8%

OKLCH

0.9327 0.1184 140.9

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#BDFDB2

#F2B2FD

Analogous

#E2FDB2

#B2FDCC

#BDFDB2

Triadic

#BDFDB2

#B2BDFD

#FDB2BD

Split Complementary

#BDFDB2

#CCB2FD

#FDB2E2

Tetradic

#BDFDB2

#B2E2FD

#F2B2FD

#FDCCB2

Color Blindness Simulation

Original

#BDFDB2

Protanopia

#D9D9C4

Deuteranopia

#D5D0C8

Tritanopia

#C0D2D6

Achromatopsia

#EAEAEA

CSS Usage

background-color: #BDFDB2;
color: #BDFDB2;
border-color: #BDFDB2;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F3FEF1
100
#E3FCDF
200
#C3FDB9
300
#99FC88
400
#61FA47
500
#2AF807
600
#22C705
700
#1B9F04
800
#157C03
900
#135A07
950
#0C3904

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.86:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026