#B3CFFA

#B3CFFA

Color Values

HEX

#B3CFFA

RGB

179, 207, 250

HSL

216.3, 87.7%, 84.1%

HSV

216.3, 28.4%, 98.0%

CMYK

28.4%, 17.2%, 0.0%, 2.0%

OKLCH

0.8484 0.0675 258.9

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B3CFFA

#FADEB3

Analogous

#B3F3FA

#BAB3FA

#B3CFFA

Triadic

#B3CFFA

#FAB3CF

#CFFAB3

Split Complementary

#B3CFFA

#FABAB3

#F3FAB3

Tetradic

#B3CFFA

#FAB3F3

#FADEB3

#B3FABA

Color Blindness Simulation

Original

#B3CFFA

Protanopia

#BFBFF0

Deuteranopia

#BEBBED

Tritanopia

#B4E7E6

Achromatopsia

#CCCCCC

CSS Usage

background-color: #B3CFFA;
color: #B3CFFA;
border-color: #B3CFFA;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BCD5FB
300
#8CB7F7
400
#4E8FF3
500
#1068EF
600
#0D53BF
700
#0A4399
800
#083478
900
#0A2857
950
#061A37

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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