#284BAD

#284BAD

Color Values

HEX

#284BAD

RGB

40, 75, 173

HSL

224.2, 62.4%, 41.8%

HSV

224.2, 76.9%, 67.8%

CMYK

76.9%, 56.6%, 0.0%, 32.2%

OKLCH

0.4482 0.1621 265.4

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#284BAD

#AD8A28

Analogous

#288EAD

#4828AD

#284BAD

Triadic

#284BAD

#AD284B

#4BAD28

Split Complementary

#284BAD

#AD4828

#8EAD28

Tetradic

#284BAD

#AD288E

#AD8A28

#28AD48

Color Blindness Simulation

Original

#284BAD

Protanopia

#373795

Deuteranopia

#353290

Tritanopia

#2A837E

Achromatopsia

#4B4B4B

CSS Usage

background-color: #284BAD;
color: #284BAD;
border-color: #284BAD;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F3F5FB
100
#E4E9F7
200
#C5D1F2
300
#9CB0E8
400
#6685DC
500
#305ACF
600
#2648A6
700
#1F3985
800
#182D68
900
#15244C
950
#0D1630

Contrast Checker

Text on white

7.78:1

AA Pass AAA Pass

Text on black

2.7:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026