#BDFCC9

#BDFCC9

Color Values

HEX

#BDFCC9

RGB

189, 252, 201

HSL

131.4, 91.3%, 86.5%

HSV

131.4, 25.0%, 98.8%

CMYK

25.0%, 0.0%, 20.2%, 1.2%

OKLCH

0.9354 0.0935 150.1

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#BDFCC9

#FCBDF0

Analogous

#D1FCBD

#BDFCE9

#BDFCC9

Triadic

#BDFCC9

#C9BDFC

#FCC9BD

Split Complementary

#BDFCC9

#E9BDFC

#FCBDD1

Tetradic

#BDFCC9

#BDD1FC

#FCBDF0

#FCE9BD

Color Blindness Simulation

Original

#BDFCC9

Protanopia

#D8D9D5

Deuteranopia

#D5D0D8

Tritanopia

#C0DFE1

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F1FDF4
100
#DFFBE5
200
#BBFCC7
300
#8AFA9F
400
#4BF76B
500
#0BF437
600
#09C32C
700
#079C23
800
#067A1C
900
#095818
950
#05380F

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.93:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026