#7B80EF

#7B80EF

Color Values

HEX

#7B80EF

RGB

123, 128, 239

HSL

237.4, 78.4%, 71.0%

HSV

237.4, 48.5%, 93.7%

CMYK

48.5%, 46.4%, 0.0%, 6.3%

OKLCH

0.6478 0.1631 278.9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#7B80EF

#EFEA7B

Analogous

#7BBAEF

#B07BEF

#7B80EF

Triadic

#7B80EF

#EF7B80

#80EF7B

Split Complementary

#7B80EF

#EFB07B

#BAEF7B

Tetradic

#7B80EF

#EF7BBA

#EFEA7B

#7BEFB0

Color Blindness Simulation

Original

#7B80EF

Protanopia

#7D7DD4

Deuteranopia

#7D7CCE

Tritanopia

#7BBFBA

Achromatopsia

#878787

CSS Usage

background-color: #7B80EF;
color: #7B80EF;
border-color: #7B80EF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FC
100
#E1E2F9
200
#BFC2F7
300
#9296F2
400
#575DEB
500
#1C24E3
600
#161DB6
700
#121792
800
#0E1272
900
#0E1153
950
#090B34

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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