#BAFAF5

#BAFAF5

Color Values

HEX

#BAFAF5

RGB

186, 250, 245

HSL

175.3, 86.5%, 85.5%

HSV

175.3, 25.6%, 98.0%

CMYK

25.6%, 0.0%, 2.0%, 2.0%

OKLCH

0.9409 0.0643 190.1

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BAFAF5

#FABABF

Analogous

#BAFAD5

#BADFFA

#BAFAF5

Triadic

#BAFAF5

#F5BAFA

#FAF5BA

Split Complementary

#BAFAF5

#FABADF

#FAD5BA

Tetradic

#BAFAF5

#D5BAFA

#FABABF

#DFFABA

Color Blindness Simulation

Original

#BAFAF5

Protanopia

#D6D6F6

Deuteranopia

#D2CDF6

Tritanopia

#BDF7F7

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FAF8
200
#BCFAF5
300
#8DF7EE
400
#4FF2E5
500
#11EEDD
600
#0EBEB0
700
#0B988D
800
#09776E
900
#0B5650
950
#073633

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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