#3A136A

#3A136A

Color Values

HEX

#3A136A

RGB

58, 19, 106

HSL

266.9, 69.6%, 24.5%

HSV

266.9, 82.1%, 41.6%

CMYK

45.3%, 82.1%, 0.0%, 58.4%

OKLCH

0.3058 0.1387 297.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#3A136A

#436A13

Analogous

#13176A

#65136A

#3A136A

Triadic

#3A136A

#6A3A13

#136A3A

Split Complementary

#3A136A

#6A6513

#176A13

Tetradic

#3A136A

#6A1317

#436A13

#136A65

Color Blindness Simulation

Original

#3A136A

Protanopia

#292955

Deuteranopia

#2B2E50

Tritanopia

#384441

Achromatopsia

#222222

CSS Usage

background-color: #3A136A;
color: #3A136A;
border-color: #3A136A;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F7F3FC
100
#ECE3F8
200
#D9C2F4
300
#BD97EC
400
#9A5FE2
500
#7627D8
600
#5F1FAD
700
#4C198A
800
#3B136C
900
#2D124F
950
#1D0B32

Contrast Checker

Text on white

14.18:1

AA Pass AAA Pass

Text on black

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