#284AD7

#284AD7

Color Values

HEX

#284AD7

RGB

40, 74, 215

HSL

228.3, 68.6%, 50.0%

HSV

228.3, 81.4%, 84.3%

CMYK

81.4%, 65.6%, 0.0%, 15.7%

OKLCH

0.4836 0.2181 266.7

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#284AD7

#D7B528

Analogous

#28A2D7

#5D28D7

#284AD7

Triadic

#284AD7

#D7284A

#4AD728

Split Complementary

#284AD7

#D75D28

#A2D728

Tetradic

#284AD7

#D728A2

#D7B528

#28D75D

Color Blindness Simulation

Original

#284AD7

Protanopia

#3737B5

Deuteranopia

#3532AD

Tritanopia

#2A9A94

Achromatopsia

#4D4D4D

CSS Usage

background-color: #284AD7;
color: #284AD7;
border-color: #284AD7;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F5FC
100
#E3E7F8
200
#C3CCF4
300
#98A8EC
400
#6079E1
500
#284AD7
600
#203BAC
700
#1A2F8A
800
#14256B
900
#131E4E
950
#0C1331

Contrast Checker

Text on white

6.88:1

AA Pass AAA Fail

Text on black

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