#40173B

#40173B

Color Values

HEX

#40173B

RGB

64, 23, 59

HSL

307.3, 47.1%, 17.1%

HSV

307.3, 64.1%, 25.1%

CMYK

0.0%, 64.1%, 7.8%, 74.9%

OKLCH

0.2829 0.0823 332.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#40173B

#17401C

Analogous

#311740

#401727

#40173B

Triadic

#40173B

#3B4017

#173B40

Split Complementary

#40173B

#274017

#174031

Tetradic

#40173B

#403117

#17401C

#172740

Color Blindness Simulation

Original

#40173B

Protanopia

#2E2E32

Deuteranopia

#313430

Tritanopia

#3E2B2A

Achromatopsia

#222222

CSS Usage

background-color: #40173B;
color: #40173B;
border-color: #40173B;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCAE8
300
#DFA5D8
400
#CD74C2
500
#BC43AD
600
#96368A
700
#782B6F
800
#5E2256
900
#451C40
950
#2C1228

Contrast Checker

Text on white

14.96:1

AA Pass AAA Pass

Text on black

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