#7980CE

#7980CE

Color Values

HEX

#7980CE

RGB

121, 128, 206

HSL

235.1, 46.4%, 64.1%

HSV

235.1, 41.3%, 80.8%

CMYK

41.3%, 37.9%, 0.0%, 19.2%

OKLCH

0.6275 0.1171 278.5

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7980CE

#CEC779

Analogous

#79AACE

#9D79CE

#7980CE

Triadic

#7980CE

#CE7980

#80CE79

Split Complementary

#7980CE

#CE9D79

#AACE79

Tetradic

#7980CE

#CE79AA

#CEC779

#79CE9D

Color Blindness Simulation

Original

#7980CE

Protanopia

#7C7CBB

Deuteranopia

#7C7BB7

Tritanopia

#79ACA9

Achromatopsia

#848484

CSS Usage

background-color: #7980CE;
color: #7980CE;
border-color: #7980CE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CBCDEC
300
#A5AADE
400
#757CCC
500
#444EBB
600
#373E95
700
#2C3277
800
#22275D
900
#1C2045
950
#12142B

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

5.79:1

AA Pass AAA Fail

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