#7076EF

#7076EF

Color Values

HEX

#7076EF

RGB

112, 118, 239

HSL

237.2, 79.9%, 68.8%

HSV

237.2, 53.1%, 93.7%

CMYK

53.1%, 50.6%, 0.0%, 6.3%

OKLCH

0.6215 0.1784 277.7

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#7076EF

#EFE970

Analogous

#70B5EF

#AA70EF

#7076EF

Triadic

#7076EF

#EF7076

#76EF70

Split Complementary

#7076EF

#EFAA70

#B5EF70

Tetradic

#7076EF

#EF70B5

#EFE970

#70EFAA

Color Blindness Simulation

Original

#7076EF

Protanopia

#7373D2

Deuteranopia

#7272CB

Tritanopia

#70BBB6

Achromatopsia

#7D7D7D

CSS Usage

background-color: #7076EF;
color: #7076EF;
border-color: #7076EF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FD
100
#E1E2F9
200
#BFC1F8
300
#9195F3
400
#555CEC
500
#1A23E5
600
#151CB7
700
#101693
800
#0D1273
900
#0E1153
950
#090B35

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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