#40196C

#40196C

Color Values

HEX

#40196C

RGB

64, 25, 108

HSL

268.2, 62.4%, 26.1%

HSV

268.2, 76.9%, 42.4%

CMYK

40.7%, 76.9%, 0.0%, 57.6%

OKLCH

0.3224 0.1349 300.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#40196C

#456C19

Analogous

#191C6C

#6A196C

#40196C

Triadic

#40196C

#6C4019

#196C40

Split Complementary

#40196C

#6C6A19

#1C6C19

Tetradic

#40196C

#6C191C

#456C19

#196C6A

Color Blindness Simulation

Original

#40196C

Protanopia

#2F2F58

Deuteranopia

#313453

Tritanopia

#3E4845

Achromatopsia

#272727

CSS Usage

background-color: #40196C;
color: #40196C;
border-color: #40196C;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F7F3FB
100
#EDE4F7
200
#DAC5F2
300
#C09CE8
400
#9D66DC
500
#7B30CF
600
#6226A6
700
#4F1F85
800
#3D1868
900
#2F154C
950
#1E0D30

Contrast Checker

Text on white

13.35:1

AA Pass AAA Pass

Text on black

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