#BAE4CF

#BAE4CF

Color Values

HEX

#BAE4CF

RGB

186, 228, 207

HSL

150,0, 43,8%, 81,2%

HSV

150,0, 18,4%, 89,4%

CMYK

18,4%, 0,0%, 9,2%, 10,6%

OKLCH

0,8832 0,0524 163,5

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAE4CF

#E4BACF

Analogous

#BAE4BA

#BAE4E4

#BAE4CF

Triadic

#BAE4CF

#CFBAE4

#E4CFBA

Split Complementary

#BAE4CF

#E4BAE4

#E4BABA

Tetradic

#BAE4CF

#BABAE4

#E4BACF

#E4E4BA

Color Blindness Simulation

Original

#BAE4CF

Protanopia

#CCCDD4

Deuteranopia

#CAC7D5

Tritanopia

#BCD8D9

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4ED
200
#CCEBDB
300
#A7DDC2
400
#77CAA1
500
#48B780
600
#399366
700
#2E7552
800
#245C40
900
#1D4430
950
#132B1F

Contrast Checker

Text on white

1,39:1

AA Fail AAA Fail

Text on black

15,09: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