#3A136F

#3A136F

Color Values

HEX

#3A136F

RGB

58, 19, 111

HSL

265.4, 70.8%, 25.5%

HSV

265.4, 82.9%, 43.5%

CMYK

47.7%, 82.9%, 0.0%, 56.5%

OKLCH

0.3107 0.1444 295.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#3A136F

#486F13

Analogous

#131A6F

#68136F

#3A136F

Triadic

#3A136F

#6F3A13

#136F3A

Split Complementary

#3A136F

#6F6813

#1A6F13

Tetradic

#3A136F

#6F131A

#486F13

#136F68

Color Blindness Simulation

Original

#3A136F

Protanopia

#292959

Deuteranopia

#2B2E53

Tritanopia

#384743

Achromatopsia

#222222

CSS Usage

background-color: #3A136F;
color: #3A136F;
border-color: #3A136F;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F7F3FC
100
#ECE2F8
200
#D7C2F5
300
#BB96ED
400
#965EE3
500
#7225DA
600
#5B1EAE
700
#49188B
800
#39136D
900
#2C124F
950
#1C0B32

Contrast Checker

Text on white

13.98:1

AA Pass AAA Pass

Text on black

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