#BFE4FF

#BFE4FF

Color Values

HEX

#BFE4FF

RGB

191, 228, 255

HSL

205.3, 100.0%, 87.5%

HSV

205.3, 25.1%, 100.0%

CMYK

25.1%, 10.6%, 0.0%, 0.0%

OKLCH

0.9011 0.0537 239.9

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#BFE4FF

#FFDABF

Analogous

#BFFFFA

#BFC4FF

#BFE4FF

Triadic

#BFE4FF

#FFBFE4

#E4FFBF

Split Complementary

#BFE4FF

#FFBFC4

#FFFABF

Tetradic

#BFE4FF

#FABFFF

#FFDABF

#C4FFBF

Color Blindness Simulation

Original

#BFE4FF

Protanopia

#CFCFF8

Deuteranopia

#CDCAF7

Tritanopia

#C1F3F2

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DEF0FC
200
#B8E1FF
300
#85CBFF
400
#42AFFF
500
#0093FF
600
#0076CC
700
#005EA3
800
#004A80
900
#05375C
950
#03233A

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.76:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026