#7079F4

#7079F4

Color Values

HEX

#7079F4

RGB

112, 121, 244

HSL

235.9, 85.7%, 69.8%

HSV

235.9, 54.1%, 95.7%

CMYK

54.1%, 50.4%, 0.0%, 4.3%

OKLCH

0.6303 0.1813 276.7

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#7079F4

#F4EB70

Analogous

#70BBF4

#A970F4

#7079F4

Triadic

#7079F4

#F47079

#79F470

Split Complementary

#7079F4

#F4A970

#BBF470

Tetradic

#7079F4

#F470BB

#F4EB70

#70F4A9

Color Blindness Simulation

Original

#7079F4

Protanopia

#7474D6

Deuteranopia

#7373CF

Tritanopia

#70BFBA

Achromatopsia

#808080

CSS Usage

background-color: #7079F4;
color: #7079F4;
border-color: #7079F4;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FD
100
#E0E2FA
200
#BDC1FA
300
#8D95F6
400
#505BF2
500
#1221ED
600
#0F1BBD
700
#0C1598
800
#091176
900
#0B1056
950
#070A36

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

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