#8F9EC4

#8F9EC4

Color Values

HEX

#8F9EC4

RGB

143, 158, 196

HSL

223.0, 31.0%, 66.5%

HSV

223.0, 27.0%, 76.9%

CMYK

27.0%, 19.4%, 0.0%, 23.1%

OKLCH

0.7009 0.0585 268.0

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#8F9EC4

#C4B58F

Analogous

#8FB9C4

#9B8FC4

#8F9EC4

Triadic

#8F9EC4

#C48F9E

#9EC48F

Split Complementary

#8F9EC4

#C49B8F

#B9C48F

Tetradic

#8F9EC4

#C48FB9

#C4B58F

#8FC49B

Color Blindness Simulation

Original

#8F9EC4

Protanopia

#9596BB

Deuteranopia

#9594B9

Tritanopia

#90B4B2

Achromatopsia

#9E9E9E

CSS Usage

background-color: #8F9EC4;
color: #8F9EC4;
border-color: #8F9EC4;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F6F9
100
#E8EBF2
200
#D0D7E6
300
#AFBAD5
400
#8394BE
500
#586EA7
600
#465886
700
#38476B
800
#2C3754
900
#232B3E
950
#161B27

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

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