#8FACD0

#8FACD0

Color Values

HEX

#8FACD0

RGB

143, 172, 208

HSL

213.2, 40.9%, 68.8%

HSV

213.2, 31.2%, 81.6%

CMYK

31.2%, 17.3%, 0.0%, 18.4%

OKLCH

0.7354 0.0615 254.0

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#8FACD0

#D0B38F

Analogous

#8FCDD0

#928FD0

#8FACD0

Triadic

#8FACD0

#D08FAC

#ACD08F

Split Complementary

#8FACD0

#D0928F

#CDD08F

Tetradic

#8FACD0

#D08FCD

#D0B38F

#8FD092

Color Blindness Simulation

Original

#8FACD0

Protanopia

#9C9CC7

Deuteranopia

#9A98C5

Tritanopia

#90C0BF

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CDDAEA
300
#A9BFDB
400
#7A9DC7
500
#4B7AB4
600
#3C6290
700
#304E73
800
#263D5A
900
#1F2F42
950
#131D2A

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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