#B8DFFC

#B8DFFC

Color Values

HEX

#B8DFFC

RGB

184, 223, 252

HSL

205,6, 91,9%, 85,5%

HSV

205,6, 27,0%, 98,8%

CMYK

27,0%, 11,5%, 0,0%, 1,2%

OKLCH

0,8853 0,0573 240,5

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#B8DFFC

#FCD5B8

Analogous

#B8FCF7

#B8BDFC

#B8DFFC

Triadic

#B8DFFC

#FCB8DF

#DFFCB8

Split Complementary

#B8DFFC

#FCB8BD

#FCF7B8

Tetradic

#B8DFFC

#F7B8FC

#FCD5B8

#BDFCB8

Color Blindness Simulation

Original

#B8DFFC

Protanopia

#C9C9F5

Deuteranopia

#C7C4F3

Tritanopia

#BAEFEE

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BAE0FC
300
#8ACAFA
400
#4AADF7
500
#0A91F5
600
#0874C4
700
#075D9D
800
#05487A
900
#083659
950
#052238

Contrast Checker

Text on white

1,4:1

AA Fail AAA Fail

Text on black

15,0:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026