#024A84

#024A84

Color Values

HEX

#024A84

RGB

2, 74, 132

HSL

206.8, 97.0%, 26.3%

HSV

206.8, 98.5%, 51.8%

CMYK

98.5%, 43.9%, 0.0%, 48.2%

OKLCH

0.4041 0.1153 250.7

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#024A84

#843C02

Analogous

#02847D

#020984

#024A84

Triadic

#024A84

#84024A

#4A8402

Split Complementary

#024A84

#840209

#847D02

Tetradic

#024A84

#7D0284

#843C02

#098402

Color Blindness Simulation

Original

#024A84

Protanopia

#212276

Deuteranopia

#1D1873

Tritanopia

#066B68

Achromatopsia

#3F3F3F

CSS Usage

background-color: #024A84;
color: #024A84;
border-color: #024A84;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B9DFFE
300
#86C8FD
400
#45AAFC
500
#048DFB
600
#0371C9
700
#025AA1
800
#02467E
900
#06355B
950
#042139

Contrast Checker

Text on white

9.07:1

AA Pass AAA Pass

Text on black

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