#8DACF6

#8DACF6

Color Values

HEX

#8DACF6

RGB

141, 172, 246

HSL

222.3, 85.4%, 75.9%

HSV

222.3, 42.7%, 96.5%

CMYK

42.7%, 30.1%, 0.0%, 3.5%

OKLCH

0.7505 0.1127 266.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#8DACF6

#F6D78D

Analogous

#8DE1F6

#A38DF6

#8DACF6

Triadic

#8DACF6

#F68DAC

#ACF68D

Split Complementary

#8DACF6

#F6A38D

#E1F68D

Tetradic

#8DACF6

#F68DE1

#F6D78D

#8DF6A3

Color Blindness Simulation

Original

#8DACF6

Protanopia

#9A9BE4

Deuteranopia

#9996E0

Tritanopia

#8FD6D3

Achromatopsia

#ABABAB

CSS Usage

background-color: #8DACF6;
color: #8DACF6;
border-color: #8DACF6;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F2F5FD
100
#E0E8FA
200
#BDCFFA
300
#8EACF6
400
#5080F1
500
#1353EC
600
#0F42BD
700
#0C3597
800
#092976
900
#0B2156
950
#071536

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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