#40286D

#40286D

Color Values

HEX

#40286D

RGB

64, 40, 109

HSL

260.9, 46.3%, 29.2%

HSV

260.9, 63.3%, 42.7%

CMYK

41.3%, 63.3%, 0.0%, 57.3%

OKLCH

0.3455 0.1148 295.8

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#40286D

#556D28

Analogous

#28326D

#62286D

#40286D

Triadic

#40286D

#6D4028

#286D40

Split Complementary

#40286D

#6D6228

#326D28

Tetradic

#40286D

#6D2832

#556D28

#286D62

Color Blindness Simulation

Original

#40286D

Protanopia

#36355C

Deuteranopia

#373958

Tritanopia

#3F4F4C

Achromatopsia

#323232

CSS Usage

background-color: #40286D;
color: #40286D;
border-color: #40286D;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F6F4FA
100
#EBE6F4
200
#D6CBEC
300
#B9A5DE
400
#9375CC
500
#6E44BB
600
#583795
700
#462C77
800
#37225D
900
#2A1C45
950
#1B122B

Contrast Checker

Text on white

12.05:1

AA Pass AAA Pass

Text on black

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