#BFFCF2

#BFFCF2

Color Values

HEX

#BFFCF2

RGB

191, 252, 242

HSL

170,2, 91,0%, 86,9%

HSV

170,2, 24,2%, 98,8%

CMYK

24,2%, 0,0%, 4,0%, 1,2%

OKLCH

0,9472 0,0626 183,8

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BFFCF2

#FCBFC9

Analogous

#BFFCD4

#BFE8FC

#BFFCF2

Triadic

#BFFCF2

#F2BFFC

#FCF2BF

Split Complementary

#BFFCF2

#FCBFE8

#FCD4BF

Tetradic

#BFFCF2

#D4BFFC

#FCBFC9

#E8FCBF

Color Blindness Simulation

Original

#BFFCF2

Protanopia

#D9DAF4

Deuteranopia

#D6D1F5

Tritanopia

#C2F6F7

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F1FDFB
100
#DFFBF6
200
#BBFCF1
300
#8AF9E7
400
#4BF7DA
500
#0BF4CE
600
#09C3A4
700
#079C84
800
#067A67
900
#09584B
950
#06382F

Contrast Checker

Text on white

1,14:1

AA Fail AAA Fail

Text on black

18,42: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