#BFE2E7

#BFE2E7

Color Values

HEX

#BFE2E7

RGB

191, 226, 231

HSL

187.5, 45.5%, 82.7%

HSV

187.5, 17.3%, 90.6%

CMYK

17.3%, 2.2%, 0.0%, 9.4%

OKLCH

0.8892 0.0373 207.0

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BFE2E7

#E7C4BF

Analogous

#BFE7D8

#BFCEE7

#BFE2E7

Triadic

#BFE2E7

#E7BFE2

#E2E7BF

Split Complementary

#BFE2E7

#E7BFCE

#E7D8BF

Tetradic

#BFE2E7

#D8BFE7

#E7C4BF

#CEE7BF

Color Blindness Simulation

Original

#BFE2E7

Protanopia

#CECEE6

Deuteranopia

#CCCAE6

Tritanopia

#C1E5E5

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F2F4
200
#CBE7EC
300
#A6D7DE
400
#76C1CC
500
#45ABBA
600
#388994
700
#2C6D77
800
#23565D
900
#1D3F44
950
#12282B

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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