#8CB2B1

#8CB2B1

Color Values

HEX

#8CB2B1

RGB

140, 178, 177

HSL

178.4, 19.8%, 62.4%

HSV

178.4, 21.3%, 69.8%

CMYK

21.3%, 0.0%, 0.6%, 30.2%

OKLCH

0.7355 0.041 194.3

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#8CB2B1

#B28C8D

Analogous

#8CB29E

#8CA0B2

#8CB2B1

Triadic

#8CB2B1

#B18CB2

#B2B18C

Split Complementary

#8CB2B1

#B28CA0

#B29E8C

Tetradic

#8CB2B1

#9E8CB2

#B28C8D

#A0B28C

Color Blindness Simulation

Original

#8CB2B1

Protanopia

#9C9DB1

Deuteranopia

#9A97B1

Tritanopia

#8EB1B1

Achromatopsia

#AAAAAA

CSS Usage

background-color: #8CB2B1;
color: #8CB2B1;
border-color: #8CB2B1;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E2E2
300
#B6CECD
400
#8EB3B2
500
#669997
600
#527A79
700
#416261
800
#334C4C
900
#283939
950
#192424

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

9.12:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026