#084AF7

#084AF7

Color Values

HEX

#084AF7

RGB

8, 74, 247

HSL

223,4, 93,7%, 50,0%

HSV

223,4, 96,8%, 96,9%

CMYK

96,8%, 70,0%, 0,0%, 3,1%

OKLCH

0,5082 0,2612 263,6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#084AF7

#F7B508

Analogous

#08C2F7

#3D08F7

#084AF7

Triadic

#084AF7

#F7084A

#4AF708

Split Complementary

#084AF7

#F73D08

#C2F708

Tetradic

#084AF7

#F708C2

#F7B508

#08F73D

Color Blindness Simulation

Original

#084AF7

Protanopia

#2525CD

Deuteranopia

#211CC3

Tritanopia

#0BACA5

Achromatopsia

#484848

CSS Usage

background-color: #084AF7;
color: #084AF7;
border-color: #084AF7;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F5FD
100
#DFE7FB
200
#BACCFD
300
#88A8FB
400
#4879F9
500
#084AF7
600
#063BC6
700
#052F9E
800
#04257B
900
#081E59
950
#051338

Contrast Checker

Text on white

6,3:1

AA Pass AAA Fail

Text on black

3,33: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