#7480CB

#7480CB

Color Values

HEX

#7480CB

RGB

116, 128, 203

HSL

231,7, 45,5%, 62,5%

HSV

231,7, 42,9%, 79,6%

CMYK

42,9%, 36,9%, 0,0%, 20,4%

OKLCH

0,6223 0,1139 275,7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7480CB

#CBBF74

Analogous

#74ABCB

#9374CB

#7480CB

Triadic

#7480CB

#CB7480

#80CB74

Split Complementary

#7480CB

#CB9374

#ABCB74

Tetradic

#7480CB

#CB74AB

#CBBF74

#74CB93

Color Blindness Simulation

Original

#7480CB

Protanopia

#7979B9

Deuteranopia

#7878B4

Tritanopia

#75ABA7

Achromatopsia

#838383

CSS Usage

background-color: #7480CB;
color: #7480CB;
border-color: #7480CB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F5FA
100
#E6E8F4
200
#CBD0EC
300
#A6AEDE
400
#7682CC
500
#4556BA
600
#384494
700
#2C3777
800
#232B5D
900
#1D2244
950
#12162B

Contrast Checker

Text on white

3,69:1

AA Fail AAA Fail

Text on black

5,69:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026