#7082CF

#7082CF

Color Values

HEX

#7082CF

RGB

112, 130, 207

HSL

228.6, 49.7%, 62.5%

HSV

228.6, 45.9%, 81.2%

CMYK

45.9%, 37.2%, 0.0%, 18.8%

OKLCH

0.6257 0.1181 272.6

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7082CF

#CFBD70

Analogous

#70B1CF

#8D70CF

#7082CF

Triadic

#7082CF

#CF7082

#82CF70

Split Complementary

#7082CF

#CF8D70

#B1CF70

Tetradic

#7082CF

#CF70B1

#CFBD70

#70CF8D

Color Blindness Simulation

Original

#7082CF

Protanopia

#7878BC

Deuteranopia

#7775B8

Tritanopia

#71AEAA

Achromatopsia

#848484

CSS Usage

background-color: #7082CF;
color: #7082CF;
border-color: #7082CF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F5FB
100
#E6E8F5
200
#CAD0ED
300
#A3AFE0
400
#7284D0
500
#4058BF
600
#334799
700
#29387A
800
#202C5F
900
#1B2346
950
#11162C

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

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