#B8CCFF

#B8CCFF

Color Values

HEX

#B8CCFF

RGB

184, 204, 255

HSL

223.1, 100.0%, 86.1%

HSV

223.1, 27.8%, 100.0%

CMYK

27.8%, 20.0%, 0.0%, 0.0%

OKLCH

0.8477 0.0748 268.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B8CCFF

#FFEBB8

Analogous

#B8F0FF

#C8B8FF

#B8CCFF

Triadic

#B8CCFF

#FFB8CC

#CCFFB8

Split Complementary

#B8CCFF

#FFC8B8

#F0FFB8

Tetradic

#B8CCFF

#FFB8F0

#FFEBB8

#B8FFC8

Color Blindness Simulation

Original

#B8CCFF

Protanopia

#C1C1F3

Deuteranopia

#C0BEF0

Tritanopia

#B9E9E7

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CCFF
300
#85A7FF
400
#4277FF
500
#0048FF
600
#0039CC
700
#002EA3
800
#002480
900
#051D5C
950
#03133A

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.12:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026