#B8DFFB

#B8DFFB

Color Values

HEX

#B8DFFB

RGB

184, 223, 251

HSL

205.1, 89.3%, 85.3%

HSV

205.1, 26.7%, 98.4%

CMYK

26.7%, 11.2%, 0.0%, 1.6%

OKLCH

0.8849 0.0564 239.5

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#B8DFFB

#FBD4B8

Analogous

#B8FBF6

#B8BEFB

#B8DFFB

Triadic

#B8DFFB

#FBB8DF

#DFFBB8

Split Complementary

#B8DFFB

#FBB8BE

#FBF6B8

Tetradic

#B8DFFB

#F6B8FB

#FBD4B8

#BEFBB8

Color Blindness Simulation

Original

#B8DFFB

Protanopia

#C9C9F4

Deuteranopia

#C7C4F3

Tritanopia

#BAEFEE

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EFFB
200
#BBE1FB
300
#8BCBF8
400
#4CAEF5
500
#0E92F1
600
#0B75C1
700
#095E9A
800
#074979
900
#0A3757
950
#062337

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.99:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026