#BDFCC4

#BDFCC4

Color Values

HEX

#BDFCC4

RGB

189, 252, 196

HSL

126,7, 91,3%, 86,5%

HSV

126,7, 25,0%, 98,8%

CMYK

25,0%, 0,0%, 22,2%, 1,2%

OKLCH

0,9343 0,0984 147,6

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#BDFCC4

#FCBDF5

Analogous

#D6FCBD

#BDFCE4

#BDFCC4

Triadic

#BDFCC4

#C4BDFC

#FCC4BD

Split Complementary

#BDFCC4

#E4BDFC

#FCBDD6

Tetradic

#BDFCC4

#BDD6FC

#FCBDF5

#FCE4BD

Color Blindness Simulation

Original

#BDFCC4

Protanopia

#D8D9D2

Deuteranopia

#D5D0D5

Tritanopia

#C0DCDF

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F1FDF3
100
#DFFBE2
200
#BBFCC2
300
#8AFA96
400
#4BF75E
500
#0BF425
600
#09C31E
700
#079C18
800
#067A13
900
#095812
950
#05380B

Contrast Checker

Text on white

1,17:1

AA Fail AAA Fail

Text on black

17,89: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