#BFDFEA

#BFDFEA

Color Values

HEX

#BFDFEA

RGB

191, 223, 234

HSL

195.3, 50.6%, 83.3%

HSV

195.3, 18.4%, 91.8%

CMYK

18.4%, 4.7%, 0.0%, 8.2%

OKLCH

0.8838 0.037 220.6

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#BFDFEA

#EACABF

Analogous

#BFEADF

#BFC9EA

#BFDFEA

Triadic

#BFDFEA

#EABFDF

#DFEABF

Split Complementary

#BFDFEA

#EABFC9

#EADFBF

Tetradic

#BFDFEA

#DFBFEA

#EACABF

#C9EABF

Color Blindness Simulation

Original

#BFDFEA

Protanopia

#CDCDE7

Deuteranopia

#CBC9E7

Tritanopia

#C1E5E5

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E5F1F5
200
#C9E4ED
300
#A3D1E1
400
#71B8D0
500
#3F9FC0
600
#327F9A
700
#28667B
800
#1F5060
900
#1A3B47
950
#11252D

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026