#082AF7

#082AF7

Color Values

HEX

#082AF7

RGB

8, 42, 247

HSL

231,5, 93,7%, 50,0%

HSV

231,5, 96,8%, 96,9%

CMYK

96,8%, 83,0%, 0,0%, 3,1%

OKLCH

0,4668 0,2884 264,7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#082AF7

#F7D508

Analogous

#08A1F7

#5E08F7

#082AF7

Triadic

#082AF7

#F7082A

#2AF708

Split Complementary

#082AF7

#F75E08

#A1F708

Tetradic

#082AF7

#F708A1

#F7D508

#08F75E

Color Blindness Simulation

Original

#082AF7

Protanopia

#1717C5

Deuteranopia

#1512B9

Tritanopia

#0A9E96

Achromatopsia

#323232

CSS Usage

background-color: #082AF7;
color: #082AF7;
border-color: #082AF7;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F3FD
100
#DFE3FB
200
#BAC3FD
300
#8899FB
400
#4861F9
500
#082AF7
600
#0622C6
700
#051B9E
800
#04157B
900
#081359
950
#050C38

Contrast Checker

Text on white

7,82:1

AA Pass AAA Pass

Text on black

2,68:1

AA Fail 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