#284073

#284073

Color Values

HEX

#284073

RGB

40, 64, 115

HSL

220.8, 48.4%, 30.4%

HSV

220.8, 65.2%, 45.1%

CMYK

65.2%, 44.3%, 0.0%, 54.9%

OKLCH

0.3797 0.0923 263.6

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#284073

#735B28

Analogous

#286673

#362873

#284073

Triadic

#284073

#732840

#407328

Split Complementary

#284073

#733628

#667328

Tetradic

#284073

#732866

#735B28

#287336

Color Blindness Simulation

Original

#284073

Protanopia

#323367

Deuteranopia

#312F64

Tritanopia

#295D5B

Achromatopsia

#3F3F3F

CSS Usage

background-color: #284073;
color: #284073;
border-color: #284073;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CAD5ED
300
#A4B7DF
400
#7390CE
500
#4269BD
600
#355497
700
#2A4379
800
#21355F
900
#1B2946
950
#111A2C

Contrast Checker

Text on white

10.14:1

AA Pass AAA Pass

Text on black

2.07:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026