#BFE3FA

#BFE3FA

Color Values

HEX

#BFE3FA

RGB

191, 227, 250

HSL

203.4, 85.5%, 86.5%

HSV

203.4, 23.6%, 98.0%

CMYK

23.6%, 9.2%, 0.0%, 2.0%

OKLCH

0.8973 0.0493 236.1

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#BFE3FA

#FAD6BF

Analogous

#BFFAF4

#BFC6FA

#BFE3FA

Triadic

#BFE3FA

#FABFE3

#E3FABF

Split Complementary

#BFE3FA

#FABFC6

#FAF4BF

Tetradic

#BFE3FA

#F4BFFA

#FAD6BF

#C6FABF

Color Blindness Simulation

Original

#BFE3FA

Protanopia

#CFCFF4

Deuteranopia

#CCCAF3

Tritanopia

#C1F0EF

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F0FA
200
#BDE2FA
300
#8DCDF6
400
#50B2F1
500
#1297ED
600
#0F79BD
700
#0C6197
800
#094C76
900
#0B3956
950
#072436

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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