#7983C9

#7983C9

Color Values

HEX

#7983C9

RGB

121, 131, 201

HSL

232.5, 42.6%, 63.1%

HSV

232.5, 39.8%, 78.8%

CMYK

39.8%, 34.8%, 0.0%, 21.2%

OKLCH

0.631 0.1058 276.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7983C9

#C9BF79

Analogous

#79ABC9

#9779C9

#7983C9

Triadic

#7983C9

#C97983

#83C979

Split Complementary

#7983C9

#C99779

#ABC979

Tetradic

#7983C9

#C979AB

#C9BF79

#79C997

Color Blindness Simulation

Original

#7983C9

Protanopia

#7D7DB8

Deuteranopia

#7D7CB4

Tritanopia

#79ABA8

Achromatopsia

#868686

CSS Usage

background-color: #7983C9;
color: #7983C9;
border-color: #7983C9;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E7E8F4
200
#CCD0EB
300
#A8AEDC
400
#7883C9
500
#4957B6
600
#3B4591
700
#2F3874
800
#252B5B
900
#1E2343
950
#13162A

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

5.9:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026