#084CC4

#084CC4

Color Values

HEX

#084CC4

RGB

8, 76, 196

HSL

218.3, 92.2%, 40.0%

HSV

218.3, 95.9%, 76.9%

CMYK

95.9%, 61.2%, 0.0%, 23.1%

OKLCH

0.4621 0.1973 261.5

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#084CC4

#C48008

Analogous

#08AAC4

#2208C4

#084CC4

Triadic

#084CC4

#C4084C

#4CC408

Split Complementary

#084CC4

#C42208

#AAC408

Tetradic

#084CC4

#C408AA

#C48008

#08C422

Color Blindness Simulation

Original

#084CC4

Protanopia

#2526A7

Deuteranopia

#221CA0

Tritanopia

#0B908B

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFE9FB
200
#BAD2FC
300
#89B2FA
400
#4A89F8
500
#0A5FF5
600
#084CC4
700
#063D9D
800
#052F7B
900
#082559
950
#051838

Contrast Checker

Text on white

7.39:1

AA Pass AAA Pass

Text on black

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