#40284A

#40284A

Color Values

HEX

#40284A

RGB

64, 40, 74

HSL

282.4, 29.8%, 22.4%

HSV

282.4, 45.9%, 29.0%

CMYK

13.5%, 45.9%, 0.0%, 71.0%

OKLCH

0.3217 0.0659 315.5

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#40284A

#324A28

Analogous

#2F284A

#4A2843

#40284A

Triadic

#40284A

#4A4028

#284A40

Split Complementary

#40284A

#434A28

#284A2F

Tetradic

#40284A

#4A2F28

#324A28

#28434A

Color Blindness Simulation

Original

#40284A

Protanopia

#363542

Deuteranopia

#373940

Tritanopia

#3F3B3A

Achromatopsia

#303030

CSS Usage

background-color: #40284A;
color: #40284A;
border-color: #40284A;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F8F5F9
100
#EFE9F2
200
#E0D1E6
300
#C9B0D4
400
#AC85BD
500
#8F5AA5
600
#734884
700
#5C396A
800
#482D53
900
#36233D
950
#221627

Contrast Checker

Text on white

12.96:1

AA Pass AAA Pass

Text on black

1.62:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026