#B3CCF8

#B3CCF8

Color Values

HEX

#B3CCF8

RGB

179, 204, 248

HSL

218.3, 83.1%, 83.7%

HSV

218.3, 27.8%, 97.3%

CMYK

27.8%, 17.7%, 0.0%, 2.7%

OKLCH

0.8416 0.0676 261.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B3CCF8

#F8DFB3

Analogous

#B3EEF8

#BCB3F8

#B3CCF8

Triadic

#B3CCF8

#F8B3CC

#CCF8B3

Split Complementary

#B3CCF8

#F8BCB3

#EEF8B3

Tetradic

#B3CCF8

#F8B3EE

#F8DFB3

#B3F8BC

Color Blindness Simulation

Original

#B3CCF8

Protanopia

#BEBEED

Deuteranopia

#BCBAEB

Tritanopia

#B4E5E3

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EAFA
200
#BED3F9
300
#8FB4F5
400
#528BEF
500
#1662E9
600
#114FBB
700
#0E3F95
800
#0B3175
900
#0C2655
950
#081835

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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