#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

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