#8CB4B7

#8CB4B7

Color Values

HEX

#8CB4B7

RGB

140, 180, 183

HSL

184.2, 23.0%, 63.3%

HSV

184.2, 23.5%, 71.8%

CMYK

23.5%, 1.6%, 0.0%, 28.2%

OKLCH

0.7419 0.0431 202.0

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#8CB4B7

#B78F8C

Analogous

#8CB7A4

#8C9EB7

#8CB4B7

Triadic

#8CB4B7

#B78CB4

#B4B78C

Split Complementary

#8CB4B7

#B78C9E

#B7A48C

Tetradic

#8CB4B7

#A48CB7

#B78F8C

#9EB78C

Color Blindness Simulation

Original

#8CB4B7

Protanopia

#9D9EB6

Deuteranopia

#9B98B6

Tritanopia

#8EB6B6

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F1
200
#D3E2E4
300
#B4CED0
400
#8BB3B6
500
#62999D
600
#4F7A7D
700
#3F6264
800
#314C4E
900
#26393A
950
#182425

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

9.33:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026