#282AA4

#282AA4

Color Values

HEX

#282AA4

RGB

40, 42, 164

HSL

239.0, 60.8%, 40.0%

HSV

239.0, 75.6%, 64.3%

CMYK

75.6%, 74.4%, 0.0%, 35.7%

OKLCH

0.3805 0.1887 272.3

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#282AA4

#A4A228

Analogous

#2868A4

#6428A4

#282AA4

Triadic

#282AA4

#A4282A

#2AA428

Split Complementary

#282AA4

#A46428

#68A428

Tetradic

#282AA4

#A42868

#A4A228

#28A464

Color Blindness Simulation

Original

#282AA4

Protanopia

#292987

Deuteranopia

#29297F

Tritanopia

#286F6A

Achromatopsia

#323232

CSS Usage

background-color: #282AA4;
color: #282AA4;
border-color: #282AA4;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F3F4FB
100
#E4E4F6
200
#C6C6F1
300
#9D9EE7
400
#6769DA
500
#3235CD
600
#282AA4
700
#202283
800
#191A67
900
#16174B
950
#0E0E2F

Contrast Checker

Text on white

10.73:1

AA Pass AAA Pass

Text on black

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