#284DAD

#284DAD

Color Values

HEX

#284DAD

RGB

40, 77, 173

HSL

223.3, 62.4%, 41.8%

HSV

223.3, 76.9%, 67.8%

CMYK

76.9%, 55.5%, 0.0%, 32.2%

OKLCH

0.4523 0.1596 264.8

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#284DAD

#AD8828

Analogous

#2890AD

#4628AD

#284DAD

Triadic

#284DAD

#AD284D

#4DAD28

Split Complementary

#284DAD

#AD4628

#90AD28

Tetradic

#284DAD

#AD2890

#AD8828

#28AD46

Color Blindness Simulation

Original

#284DAD

Protanopia

#383896

Deuteranopia

#363390

Tritanopia

#2A837F

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F3F6FB
100
#E4E9F7
200
#C5D1F2
300
#9CB1E8
400
#6687DC
500
#305CCF
600
#264AA6
700
#1F3B85
800
#182E68
900
#15244C
950
#0D1730

Contrast Checker

Text on white

7.62:1

AA Pass AAA Pass

Text on black

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