#084EC4

#084EC4

Color Values

HEX

#084EC4

RGB

8, 78, 196

HSL

217.7, 92.2%, 40.0%

HSV

217.7, 95.9%, 76.9%

CMYK

95.9%, 60.2%, 0.0%, 23.1%

OKLCH

0.4661 0.1949 261.2

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#084EC4

#C47E08

Analogous

#08ACC4

#2008C4

#084EC4

Triadic

#084EC4

#C4084E

#4EC408

Split Complementary

#084EC4

#C42008

#ACC408

Tetradic

#084EC4

#C408AC

#C47E08

#08C420

Color Blindness Simulation

Original

#084EC4

Protanopia

#2627A7

Deuteranopia

#221DA1

Tritanopia

#0C918C

Achromatopsia

#484848

CSS Usage

background-color: #084EC4;
color: #084EC4;
border-color: #084EC4;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD3FC
300
#89B3FA
400
#4A8AF8
500
#0A61F5
600
#084EC4
700
#063E9D
800
#05317B
900
#082659
950
#051838

Contrast Checker

Text on white

7.25:1

AA Pass AAA Pass

Text on black

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