#979DDB

#979DDB

Color Values

HEX

#979DDB

RGB

151, 157, 219

HSL

234.7, 48.6%, 72.5%

HSV

234.7, 31.1%, 85.9%

CMYK

31.1%, 28.3%, 0.0%, 14.1%

OKLCH

0.7145 0.0905 279.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#979DDB

#DBD597

Analogous

#97BFDB

#B397DB

#979DDB

Triadic

#979DDB

#DB979D

#9DDB97

Split Complementary

#979DDB

#DBB397

#BFDB97

Tetradic

#979DDB

#DB97BF

#DBD597

#97DBB3

Color Blindness Simulation

Original

#979DDB

Protanopia

#9A9ACC

Deuteranopia

#9999C8

Tritanopia

#97C0BE

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#CACDED
300
#A4A9E0
400
#737BCF
500
#424CBD
600
#343D98
700
#2A3179
800
#21265F
900
#1B1F46
950
#11142C

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

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