#7083FF

#7083FF

Color Values

HEX

#7083FF

RGB

112, 131, 255

HSL

232.0, 100.0%, 72.0%

HSV

232.0, 56.1%, 100.0%

CMYK

56.1%, 48.6%, 0.0%, 0.0%

OKLCH

0.6562 0.1833 273.7

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#7083FF

#FFEC70

Analogous

#70CBFF

#A570FF

#7083FF

Triadic

#7083FF

#FF7083

#83FF70

Split Complementary

#7083FF

#FFA570

#CBFF70

Tetradic

#7083FF

#FF70CB

#FFEC70

#70FFA5

Color Blindness Simulation

Original

#7083FF

Protanopia

#7878E1

Deuteranopia

#7776DA

Tritanopia

#71C9C4

Achromatopsia

#888888

CSS Usage

background-color: #7083FF;
color: #7083FF;
border-color: #7083FF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F3FE
100
#DEE2FC
200
#B8C1FF
300
#8595FF
400
#425BFF
500
#0022FF
600
#001BCC
700
#0016A3
800
#001180
900
#05105C
950
#030A3A

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

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