#BAE3C9

#BAE3C9

Color Values

HEX

#BAE3C9

RGB

186, 227, 201

HSL

142.0, 42.3%, 81.0%

HSV

142.0, 18.1%, 89.0%

CMYK

18.1%, 0.0%, 11.5%, 11.0%

OKLCH

0.8795 0.0557 157.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAE3C9

#E3BAD4

Analogous

#C0E3BA

#BAE3DE

#BAE3C9

Triadic

#BAE3C9

#C9BAE3

#E3C9BA

Split Complementary

#BAE3C9

#DEBAE3

#E3BAC0

Tetradic

#BAE3C9

#BAC0E3

#E3BAD4

#E3DEBA

Color Blindness Simulation

Original

#BAE3C9

Protanopia

#CCCCCF

Deuteranopia

#C9C6D1

Tritanopia

#BCD4D5

Achromatopsia

#D8D8D8

CSS Usage

background-color: #BAE3C9;
color: #BAE3C9;
border-color: #BAE3C9;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F5FAF7
100
#E7F4EB
200
#CCEAD7
300
#A8DCBB
400
#79C996
500
#4AB571
600
#3B915A
700
#2F7448
800
#255B39
900
#1E432C
950
#132A1B

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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