#BFE4FA

#BFE4FA

Color Values

HEX

#BFE4FA

RGB

191, 228, 250

HSL

202.4, 85.5%, 86.5%

HSV

202.4, 23.6%, 98.0%

CMYK

23.6%, 8.8%, 0.0%, 2.0%

OKLCH

0.8994 0.0492 234.2

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#BFE4FA

#FAD5BF

Analogous

#BFFAF3

#BFC7FA

#BFE4FA

Triadic

#BFE4FA

#FABFE4

#E4FABF

Split Complementary

#BFE4FA

#FABFC7

#FAF3BF

Tetradic

#BFE4FA

#F3BFFA

#FAD5BF

#C7FABF

Color Blindness Simulation

Original

#BFE4FA

Protanopia

#CFCFF5

Deuteranopia

#CDCAF3

Tritanopia

#C1F0F0

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F0FA
200
#BDE3FA
300
#8DCFF6
400
#50B5F1
500
#129BED
600
#0F7CBD
700
#0C6397
800
#094E76
900
#0B3A56
950
#072536

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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