#BFEADF

#BFEADF

Color Values

HEX

#BFEADF

RGB

191, 234, 223

HSL

164,7, 50,6%, 83,3%

HSV

164,7, 18,4%, 91,8%

CMYK

18,4%, 0,0%, 4,7%, 8,2%

OKLCH

0,9036 0,047 177,9

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BFEADF

#EABFCA

Analogous

#BFEAC9

#BFDFEA

#BFEADF

Triadic

#BFEADF

#DFBFEA

#EADFBF

Split Complementary

#BFEADF

#EABFDF

#EAC9BF

Tetradic

#BFEADF

#C9BFEA

#EABFCA

#DFEABF

Color Blindness Simulation

Original

#BFEADF

Protanopia

#D2D2E2

Deuteranopia

#CFCCE2

Tritanopia

#C1E4E4

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F4FBF9
100
#E5F5F1
200
#C9EDE4
300
#A3E1D1
400
#71D0B8
500
#3FC09F
600
#329A7F
700
#287B66
800
#1F6050
900
#1A473B
950
#112D25

Contrast Checker

Text on white

1,31:1

AA Fail AAA Fail

Text on black

16,05:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026