#BFDEDA

#BFDEDA

Color Values

HEX

#BFDEDA

RGB

191, 222, 218

HSL

172.3, 32.0%, 81.0%

HSV

172.3, 14.0%, 87.1%

CMYK

14.0%, 0.0%, 1.8%, 12.9%

OKLCH

0.8769 0.0332 187.1

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#BFDEDA

#DEBFC3

Analogous

#BFDECB

#BFD3DE

#BFDEDA

Triadic

#BFDEDA

#DABFDE

#DEDABF

Split Complementary

#BFDEDA

#DEBFD3

#DECBBF

Tetradic

#BFDEDA

#CBBFDE

#DEBFC3

#D3DEBF

Color Blindness Simulation

Original

#BFDEDA

Protanopia

#CCCDDB

Deuteranopia

#CBC8DB

Tritanopia

#C1DCDC

Achromatopsia

#D7D7D7

CSS Usage

background-color: #BFDEDA;
color: #BFDEDA;
border-color: #BFDEDA;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F5F9F9
100
#E8F2F1
200
#D0E7E4
300
#AED5D0
400
#82BFB7
500
#57A89E
600
#45877E
700
#376C65
800
#2B544F
900
#223E3B
950
#162725

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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