#BAE3DC

#BAE3DC

Color Values

HEX

#BAE3DC

RGB

186, 227, 220

HSL

169,8, 42,3%, 81,0%

HSV

169,8, 18,1%, 89,0%

CMYK

18,1%, 0,0%, 3,1%, 11,0%

OKLCH

0,8847 0,0438 183,8

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BAE3DC

#E3BAC1

Analogous

#BAE3C8

#BAD6E3

#BAE3DC

Triadic

#BAE3DC

#DCBAE3

#E3DCBA

Split Complementary

#BAE3DC

#E3BAD6

#E3C8BA

Tetradic

#BAE3DC

#C8BAE3

#E3BAC1

#D6E3BA

Color Blindness Simulation

Original

#BAE3DC

Protanopia

#CCCCDE

Deuteranopia

#C9C6DE

Tritanopia

#BCDFDF

Achromatopsia

#DADADA

CSS Usage

background-color: #BAE3DC;
color: #BAE3DC;
border-color: #BAE3DC;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F5FAF9
100
#E7F4F1
200
#CCEAE5
300
#A8DCD3
400
#79C9BB
500
#4AB5A3
600
#3B9182
700
#2F7468
800
#255B52
900
#1E433D
950
#132A26

Contrast Checker

Text on white

1,39:1

AA Fail AAA Fail

Text on black

15,11:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026