#787CE0

#787CE0

Color Values

HEX

#787CE0

RGB

120, 124, 224

HSL

237.7, 62.7%, 67.5%

HSV

237.7, 46.4%, 87.8%

CMYK

46.4%, 44.6%, 0.0%, 12.2%

OKLCH

0.6291 0.1483 279.5

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#787CE0

#E0DC78

Analogous

#78B0E0

#A878E0

#787CE0

Triadic

#787CE0

#E0787C

#7CE078

Split Complementary

#787CE0

#E0A878

#B0E078

Tetradic

#787CE0

#E078B0

#E0DC78

#78E0A8

Color Blindness Simulation

Original

#787CE0

Protanopia

#7A7AC8

Deuteranopia

#7A79C2

Tritanopia

#78B5B0

Achromatopsia

#828282

CSS Usage

background-color: #787CE0;
color: #787CE0;
border-color: #787CE0;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F4FB
100
#E4E4F7
200
#C5C7F2
300
#9B9EE8
400
#656ADC
500
#3036CF
600
#262BA6
700
#1E2285
800
#181B68
900
#15174C
950
#0D0F30

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

5.76:1

AA Pass AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026