#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026