#BAEDB8

#BAEDB8

Color Values

HEX

#BAEDB8

RGB

186, 237, 184

HSL

117.7, 59.6%, 82.5%

HSV

117.7, 22.4%, 92.9%

CMYK

21.5%, 0.0%, 22.4%, 7.1%

OKLCH

0.897 0.0887 143.8

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BAEDB8

#EBB8ED

Analogous

#D4EDB8

#B8EDD0

#BAEDB8

Triadic

#BAEDB8

#B8BAED

#EDB8BA

Split Complementary

#BAEDB8

#D0B8ED

#EDB8D4

Tetradic

#BAEDB8

#B8D4ED

#EBB8ED

#EDD0B8

Color Blindness Simulation

Original

#BAEDB8

Protanopia

#D0D1C5

Deuteranopia

#CDC9C8

Tritanopia

#BDCFD1

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F4FBF3
100
#E5F6E4
200
#C8F1C6
300
#A0E69D
400
#6DD968
500
#39CB34
600
#2EA329
700
#258221
800
#1D661A
900
#184A16
950
#0F2F0E

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.89: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