#BAF3EE

#BAF3EE

Color Values

HEX

#BAF3EE

RGB

186, 243, 238

HSL

174.7, 70.4%, 84.1%

HSV

174.7, 23.5%, 95.3%

CMYK

23.5%, 0.0%, 2.1%, 4.7%

OKLCH

0.924 0.058 189.5

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BAF3EE

#F3BABF

Analogous

#BAF3D1

#BADBF3

#BAF3EE

Triadic

#BAF3EE

#EEBAF3

#F3EEBA

Split Complementary

#BAF3EE

#F3BADB

#F3D1BA

Tetradic

#BAF3EE

#D1BAF3

#F3BABF

#DBF3BA

Color Blindness Simulation

Original

#BAF3EE

Protanopia

#D3D3EF

Deuteranopia

#CFCBF0

Tritanopia

#BDF0F0

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E2F8F6
200
#C2F4F0
300
#97EDE5
400
#5EE3D7
500
#26D9C9
600
#1EAEA1
700
#188B81
800
#136D65
900
#124F4A
950
#0B322F

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.14:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026