#3E126F

#3E126F

Color Values

HEX

#3E126F

RGB

62, 18, 111

HSL

268.4, 72.1%, 25.3%

HSV

268.4, 83.8%, 43.5%

CMYK

44.1%, 83.8%, 0.0%, 56.5%

OKLCH

0.3147 0.1458 298.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#3E126F

#436F12

Analogous

#12146F

#6D126F

#3E126F

Triadic

#3E126F

#6F3E12

#126F3E

Split Complementary

#3E126F

#6F6D12

#146F12

Tetradic

#3E126F

#6F1214

#436F12

#126F6D

Color Blindness Simulation

Original

#3E126F

Protanopia

#2B2B59

Deuteranopia

#2E3153

Tritanopia

#3C4743

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DAC2F5
300
#BF96EE
400
#9D5DE5
500
#7B24DB
600
#621CB0
700
#4E178C
800
#3D126E
900
#2F1150
950
#1E0B32

Contrast Checker

Text on white

13.81:1

AA Pass AAA Pass

Text on black

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