#B8CCC2

#B8CCC2

Color Values

HEX

#B8CCC2

RGB

184, 204, 194

HSL

150.0, 16.4%, 76.1%

HSV

150.0, 9.8%, 80.0%

CMYK

9.8%, 0.0%, 4.9%, 20.0%

OKLCH

0.8272 0.0257 164.3

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#B8CCC2

#CCB8C2

Analogous

#B8CCB8

#B8CCCC

#B8CCC2

Triadic

#B8CCC2

#C2B8CC

#CCC2B8

Split Complementary

#B8CCC2

#CCB8CC

#CCB8B8

Tetradic

#B8CCC2

#B8B8CC

#CCB8C2

#CCCCB8

Color Blindness Simulation

Original

#B8CCC2

Protanopia

#C1C1C4

Deuteranopia

#C0BEC5

Tritanopia

#B9C6C7

Achromatopsia

#C7C7C7

CSS Usage

background-color: #B8CCC2;
color: #B8CCC2;
border-color: #B8CCC2;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F8F7
100
#EBF0ED
200
#D5E1DB
300
#B8CCC2
400
#91B0A1
500
#6B9480
600
#557766
700
#445F52
800
#354A40
900
#293830
950
#1A231F

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.45:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026