#979DF8

#979DF8

Color Values

HEX

#979DF8

RGB

151, 157, 248

HSL

236.3, 87.4%, 78.2%

HSV

236.3, 39.1%, 97.3%

CMYK

39.1%, 36.7%, 0.0%, 2.7%

OKLCH

0.7284 0.1314 279.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#979DF8

#F8F297

Analogous

#97CDF8

#C197F8

#979DF8

Triadic

#979DF8

#F8979D

#9DF897

Split Complementary

#979DF8

#F8C197

#CDF897

Tetradic

#979DF8

#F897CD

#F8F297

#97F8C1

Color Blindness Simulation

Original

#979DF8

Protanopia

#9A9AE2

Deuteranopia

#9999DD

Tritanopia

#97D1CD

Achromatopsia

#A2A2A2

CSS Usage

background-color: #979DF8;
color: #979DF8;
border-color: #979DF8;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E0E2FA
200
#BCC0FB
300
#8C93F7
400
#4E58F3
500
#101EEF
600
#0D18BF
700
#0A1399
800
#080F77
900
#0A0F57
950
#070937

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026