#979ADC

#979ADC

Color Values

HEX

#979ADC

RGB

151, 154, 220

HSL

237.4, 49.6%, 72.7%

HSV

237.4, 31.4%, 86.3%

CMYK

31.4%, 30.0%, 0.0%, 13.7%

OKLCH

0.709 0.0961 281.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#979ADC

#DCD997

Analogous

#97BCDC

#B697DC

#979ADC

Triadic

#979ADC

#DC979A

#9ADC97

Split Complementary

#979ADC

#DCB697

#BCDC97

Tetradic

#979ADC

#DC97BC

#DCD997

#97DCB6

Color Blindness Simulation

Original

#979ADC

Protanopia

#9898CC

Deuteranopia

#9898C8

Tritanopia

#97BFBD

Achromatopsia

#9E9E9E

CSS Usage

background-color: #979ADC;
color: #979ADC;
border-color: #979ADC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#CACBED
300
#A3A6E0
400
#7276CF
500
#4046BF
600
#333899
700
#292D7A
800
#20235F
900
#1B1D46
950
#11122C

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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