#BAF2ED

#BAF2ED

Color Values

HEX

#BAF2ED

RGB

186, 242, 237

HSL

174.6, 68.3%, 83.9%

HSV

174.6, 23.1%, 94.9%

CMYK

23.1%, 0.0%, 2.1%, 5.1%

OKLCH

0.9215 0.0571 189.4

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BAF2ED

#F2BABF

Analogous

#BAF2D1

#BADBF2

#BAF2ED

Triadic

#BAF2ED

#EDBAF2

#F2EDBA

Split Complementary

#BAF2ED

#F2BADB

#F2D1BA

Tetradic

#BAF2ED

#D1BAF2

#F2BABF

#DBF2BA

Color Blindness Simulation

Original

#BAF2ED

Protanopia

#D2D3EE

Deuteranopia

#CFCBEE

Tritanopia

#BDEFEF

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F8F6
200
#C3F4EF
300
#98ECE4
400
#60E1D5
500
#28D7C7
600
#20AC9F
700
#1A897F
800
#146B63
900
#134E49
950
#0C312E

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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