#8EACB2

#8EACB2

Color Values

HEX

#8EACB2

RGB

142, 172, 178

HSL

190.0, 18.9%, 62.7%

HSV

190.0, 20.2%, 69.8%

CMYK

20.2%, 3.4%, 0.0%, 30.2%

OKLCH

0.7239 0.0341 211.1

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#8EACB2

#B2948E

Analogous

#8EB2A6

#8E9AB2

#8EACB2

Triadic

#8EACB2

#B28EAC

#ACB28E

Split Complementary

#8EACB2

#B28E9A

#B2A68E

Tetradic

#8EACB2

#A68EB2

#B2948E

#9AB28E

Color Blindness Simulation

Original

#8EACB2

Protanopia

#9B9BB1

Deuteranopia

#9997B0

Tritanopia

#90AFAF

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D5E0E2
300
#B6CACD
400
#8FADB2
500
#679098
600
#537379
700
#425C61
800
#34484C
900
#283639
950
#192224

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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