#BFE5FE

#BFE5FE

Color Values

HEX

#BFE5FE

RGB

191, 229, 254

HSL

203.8, 96.9%, 87.3%

HSV

203.8, 24.8%, 99.6%

CMYK

24.8%, 9.8%, 0.0%, 0.4%

OKLCH

0.9028 0.0526 237.0

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#BFE5FE

#FED8BF

Analogous

#BFFEF8

#BFC6FE

#BFE5FE

Triadic

#BFE5FE

#FEBFE5

#E5FEBF

Split Complementary

#BFE5FE

#FEBFC6

#FEF8BF

Tetradic

#BFE5FE

#F8BFFE

#FED8BF

#C6FEBF

Color Blindness Simulation

Original

#BFE5FE

Protanopia

#CFD0F8

Deuteranopia

#CDCAF6

Tritanopia

#C1F3F2

Achromatopsia

#DFDFDF

CSS Usage

background-color: #BFE5FE;
color: #BFE5FE;
border-color: #BFE5FE;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1F9FE
100
#DEF0FC
200
#B9E2FE
300
#86CEFD
400
#45B4FC
500
#0499FB
600
#037AC9
700
#0362A1
800
#024D7E
900
#06395B
950
#042439

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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