#BFEAF8

#BFEAF8

Color Values

HEX

#BFEAF8

RGB

191, 234, 248

HSL

194,7, 80,3%, 86,1%

HSV

194,7, 23,0%, 97,3%

CMYK

23,0%, 5,6%, 0,0%, 2,7%

OKLCH

0,9112 0,0484 219,6

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#BFEAF8

#F8CDBF

Analogous

#BFF8EA

#BFCEF8

#BFEAF8

Triadic

#BFEAF8

#F8BFEA

#EAF8BF

Split Complementary

#BFEAF8

#F8BFCE

#F8EABF

Tetradic

#BFEAF8

#EABFF8

#F8CDBF

#CEF8BF

Color Blindness Simulation

Original

#BFEAF8

Protanopia

#D2D2F5

Deuteranopia

#CFCCF4

Tritanopia

#C1F2F1

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F2FAFD
100
#E1F3F9
200
#BFEAF8
300
#91DBF3
400
#55C7EC
500
#19B4E6
600
#1490B8
700
#107393
800
#0D5A73
900
#0D4253
950
#082A35

Contrast Checker

Text on white

1,29:1

AA Fail AAA Fail

Text on black

16,34:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026