#BDEDC3

#BDEDC3

Color Values

HEX

#BDEDC3

RGB

189, 237, 195

HSL

127.5, 57.1%, 83.5%

HSV

127.5, 20.3%, 92.9%

CMYK

20.3%, 0.0%, 17.7%, 7.1%

OKLCH

0.9014 0.0754 148.3

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BDEDC3

#EDBDE7

Analogous

#CFEDBD

#BDEDDB

#BDEDC3

Triadic

#BDEDC3

#C3BDED

#EDC3BD

Split Complementary

#BDEDC3

#DBBDED

#EDBDCF

Tetradic

#BDEDC3

#BDCFED

#EDBDE7

#EDDBBD

Color Blindness Simulation

Original

#BDEDC3

Protanopia

#D2D2CD

Deuteranopia

#CFCBD0

Tritanopia

#BFD5D7

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E4F6E7
200
#C7F0CC
300
#9FE5A8
400
#6BD778
500
#37C849
600
#2CA03A
700
#23802F
800
#1B6424
900
#18491E
950
#0F2E13

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.07:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026