#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026