#979DF4

#979DF4

Color Values

HEX

#979DF4

RGB

151, 157, 244

HSL

236,1, 80,9%, 77,5%

HSV

236,1, 38,1%, 95,7%

CMYK

38,1%, 35,7%, 0,0%, 4,3%

OKLCH

0,7263 0,1258 279,8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#979DF4

#F4EE97

Analogous

#97CCF4

#C097F4

#979DF4

Triadic

#979DF4

#F4979D

#9DF497

Split Complementary

#979DF4

#F4C097

#CCF497

Tetradic

#979DF4

#F497CC

#F4EE97

#97F4C0

Color Blindness Simulation

Original

#979DF4

Protanopia

#9A9ADF

Deuteranopia

#9999DA

Tritanopia

#97CECB

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E1E2F9
200
#BEC2F8
300
#9097F3
400
#545EED
500
#1826E7
600
#131EB9
700
#101894
800
#0C1373
900
#0D1254
950
#080B35

Contrast Checker

Text on white

2,49:1

AA Fail AAA Fail

Text on black

8,44: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