#BFEAF7

#BFEAF7

Color Values

HEX

#BFEAF7

RGB

191, 234, 247

HSL

193,9, 77,8%, 85,9%

HSV

193,9, 22,7%, 96,9%

CMYK

22,7%, 5,3%, 0,0%, 3,1%

OKLCH

0,9108 0,0479 218,1

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#BFEAF7

#F7CCBF

Analogous

#BFF7E8

#BFCEF7

#BFEAF7

Triadic

#BFEAF7

#F7BFEA

#EAF7BF

Split Complementary

#BFEAF7

#F7BFCE

#F7E8BF

Tetradic

#BFEAF7

#E8BFF7

#F7CCBF

#CEF7BF

Color Blindness Simulation

Original

#BFEAF7

Protanopia

#D2D2F4

Deuteranopia

#CFCCF3

Tritanopia

#C1F1F1

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F2FAFC
100
#E1F3F9
200
#C0EAF7
300
#92DBF1
400
#57C8EA
500
#1CB5E3
600
#1791B5
700
#127491
800
#0E5A71
900
#0F4352
950
#092A34

Contrast Checker

Text on white

1,29:1

AA Fail AAA Fail

Text on black

16,33: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