#8FAFCC

#8FAFCC

Color Values

HEX

#8FAFCC

RGB

143, 175, 204

HSL

208.5, 37.4%, 68.0%

HSV

208.5, 29.9%, 80.0%

CMYK

29.9%, 14.2%, 0.0%, 20.0%

OKLCH

0.7403 0.0548 246.0

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#8FAFCC

#CCAC8F

Analogous

#8FCCCA

#8F90CC

#8FAFCC

Triadic

#8FAFCC

#CC8FAF

#AFCC8F

Split Complementary

#8FAFCC

#CC8F90

#CCCA8F

Tetradic

#8FAFCC

#CA8FCC

#CCAC8F

#90CC8F

Color Blindness Simulation

Original

#8FAFCC

Protanopia

#9D9DC5

Deuteranopia

#9B99C3

Tritanopia

#91BFBE

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CEDCE9
300
#ABC3D9
400
#7DA2C4
500
#5082AF
600
#40688C
700
#335370
800
#284158
900
#203141
950
#141F29

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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