#B6DAF7

#B6DAF7

Color Values

HEX

#B6DAF7

RGB

182, 218, 247

HSL

206.8, 80.2%, 84.1%

HSV

206.8, 26.3%, 96.9%

CMYK

26.3%, 11.7%, 0.0%, 3.1%

OKLCH

0.8719 0.0555 242.6

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#B6DAF7

#F7D3B6

Analogous

#B6F7F4

#B6B9F7

#B6DAF7

Triadic

#B6DAF7

#F7B6DA

#DAF7B6

Split Complementary

#B6DAF7

#F7B6B9

#F7F4B6

Tetradic

#B6DAF7

#F4B6F7

#F7D3B6

#B9F7B6

Color Blindness Simulation

Original

#B6DAF7

Protanopia

#C6C6F0

Deuteranopia

#C4C1EE

Tritanopia

#B8EAE9

Achromatopsia

#D4D4D4

CSS Usage

background-color: #B6DAF7;
color: #B6DAF7;
border-color: #B6DAF7;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F2F8FD
100
#E1EEF9
200
#BFDEF8
300
#91C7F3
400
#55A9EC
500
#198AE6
600
#146FB8
700
#105993
800
#0D4573
900
#0D3453
950
#092135

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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