#B8CCCF

#B8CCCF

Color Values

HEX

#B8CCCF

RGB

184, 204, 207

HSL

187.8, 19.3%, 76.7%

HSV

187.8, 11.1%, 81.2%

CMYK

11.1%, 1.4%, 0.0%, 18.8%

OKLCH

0.831 0.0221 207.6

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B8CCCF

#CFBBB8

Analogous

#B8CFC7

#B8C1CF

#B8CCCF

Triadic

#B8CCCF

#CFB8CC

#CCCFB8

Split Complementary

#B8CCCF

#CFB8C1

#CFC7B8

Tetradic

#B8CCCF

#C7B8CF

#CFBBB8

#C1CFB8

Color Blindness Simulation

Original

#B8CCCF

Protanopia

#C1C1CE

Deuteranopia

#C0BECE

Tritanopia

#B9CECE

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4E0E2
300
#B6CBCE
400
#8EAEB3
500
#679298
600
#52757A
700
#425D61
800
#33494C
900
#283739
950
#192324

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.58:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026