#084689

#084689

Color Values

HEX

#084689

RGB

8, 70, 137

HSL

211.2, 89.0%, 28.4%

HSV

211.2, 94.2%, 53.7%

CMYK

94.2%, 48.9%, 0.0%, 46.3%

OKLCH

0.3991 0.126 255.3

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#084689

#894B08

Analogous

#088689

#0B0889

#084689

Triadic

#084689

#890846

#468908

Split Complementary

#084689

#890B08

#868908

Tetradic

#084689

#890886

#894B08

#08890B

Color Blindness Simulation

Original

#084689

Protanopia

#232379

Deuteranopia

#1F1B75

Tritanopia

#0B6C69

Achromatopsia

#3E3E3E

CSS Usage

background-color: #084689;
color: #084689;
border-color: #084689;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FD
100
#E0EDFB
200
#BCDAFB
300
#8BC0F8
400
#4D9DF5
500
#0E7BF1
600
#0B62C1
700
#094F9A
800
#073D78
900
#0A2F57
950
#061E37

Contrast Checker

Text on white

9.34:1

AA Pass AAA Pass

Text on black

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