#B6C8CF

#B6C8CF

Color Values

HEX

#B6C8CF

RGB

182, 200, 207

HSL

196.8, 20.7%, 76.3%

HSV

196.8, 12.1%, 81.2%

CMYK

12.1%, 3.4%, 0.0%, 18.8%

OKLCH

0.8213 0.022 223.1

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#B6C8CF

#CFBDB6

Analogous

#B6CFCA

#B6BCCF

#B6C8CF

Triadic

#B6C8CF

#CFB6C8

#C8CFB6

Split Complementary

#B6C8CF

#CFB6BC

#CFCAB6

Tetradic

#B6C8CF

#CAB6CF

#CFBDB6

#BCCFB6

Color Blindness Simulation

Original

#B6C8CF

Protanopia

#BEBECD

Deuteranopia

#BDBBCD

Tritanopia

#B7CCCC

Achromatopsia

#C5C5C5

CSS Usage

background-color: #B6C8CF;
color: #B6C8CF;
border-color: #B6C8CF;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4DFE3
300
#B5C7CE
400
#8DA9B4
500
#658B9A
600
#516F7B
700
#415962
800
#33464D
900
#273439
950
#192124

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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