#BAFCF3

#BAFCF3

Color Values

HEX

#BAFCF3

RGB

186, 252, 243

HSL

171,8, 91,7%, 85,9%

HSV

171,8, 26,2%, 98,8%

CMYK

26,2%, 0,0%, 3,6%, 1,2%

OKLCH

0,9446 0,0669 185,7

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BAFCF3

#FCBAC3

Analogous

#BAFCD2

#BAE4FC

#BAFCF3

Triadic

#BAFCF3

#F3BAFC

#FCF3BA

Split Complementary

#BAFCF3

#FCBAE4

#FCD2BA

Tetradic

#BAFCF3

#D2BAFC

#FCBAC3

#E4FCBA

Color Blindness Simulation

Original

#BAFCF3

Protanopia

#D7D7F5

Deuteranopia

#D3CEF6

Tritanopia

#BDF7F7

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F1FDFC
100
#DFFBF7
200
#BBFCF3
300
#8AFAEB
400
#4AF7E0
500
#0BF4D4
600
#08C4AA
700
#079C88
800
#057A6A
900
#08584E
950
#053831

Contrast Checker

Text on white

1,15:1

AA Fail AAA Fail

Text on black

18,31:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026