#284579

#284579

Color Values

HEX

#284579

RGB

40, 69, 121

HSL

218.5, 50.3%, 31.6%

HSV

218.5, 66.9%, 47.5%

CMYK

66.9%, 43.0%, 0.0%, 52.5%

OKLCH

0.3957 0.0949 261.2

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#284579

#795C28

Analogous

#286E79

#342879

#284579

Triadic

#284579

#792845

#457928

Split Complementary

#284579

#793428

#6E7928

Tetradic

#284579

#79286E

#795C28

#287934

Color Blindness Simulation

Original

#284579

Protanopia

#35356C

Deuteranopia

#333169

Tritanopia

#296260

Achromatopsia

#434343

CSS Usage

background-color: #284579;
color: #284579;
border-color: #284579;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F6FB
100
#E6EBF5
200
#C9D6ED
300
#A3B9E1
400
#7193D0
500
#3F6DC0
600
#335799
700
#29467B
800
#203760
900
#1B2A46
950
#111B2C

Contrast Checker

Text on white

9.47:1

AA Pass AAA Pass

Text on black

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