#BDFEC0

#BDFEC0

Color Values

HEX

#BDFEC0

RGB

189, 254, 192

HSL

122.8, 97.0%, 86.9%

HSV

122.8, 25.6%, 99.6%

CMYK

25.6%, 0.0%, 24.4%, 0.4%

OKLCH

0.9378 0.1056 145.8

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#BDFEC0

#FEBDFB

Analogous

#DBFEBD

#BDFEE1

#BDFEC0

Triadic

#BDFEC0

#C0BDFE

#FEC0BD

Split Complementary

#BDFEC0

#E1BDFE

#FEBDDB

Tetradic

#BDFEC0

#BDDBFE

#FEBDFB

#FEE1BD

Color Blindness Simulation

Original

#BDFEC0

Protanopia

#D9DACF

Deuteranopia

#D5D0D3

Tritanopia

#C0DBDD

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F1FEF2
100
#DEFCE0
200
#B9FEBC
300
#86FD8C
400
#45FC4E
500
#04FB0F
600
#03C90C
700
#02A10A
800
#027E08
900
#065B0A
950
#043906

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

18.1:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026