#3D045F

#3D045F

Color Values

HEX

#3D045F

RGB

61, 4, 95

HSL

277.6, 91.9%, 19.4%

HSV

277.6, 95.8%, 37.3%

CMYK

35.8%, 95.8%, 0.0%, 62.7%

OKLCH

0.2861 0.1414 306.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#3D045F

#265F04

Analogous

#10045F

#5F0453

#3D045F

Triadic

#3D045F

#5F3D04

#045F3D

Split Complementary

#3D045F

#535F04

#045F10

Tetradic

#3D045F

#5F1004

#265F04

#04535F

Color Blindness Simulation

Original

#3D045F

Protanopia

#242449

Deuteranopia

#282C44

Tritanopia

#3A3834

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#F9F1FD
100
#F1DFFB
200
#E4BAFC
300
#D08AFA
400
#B74AF7
500
#9D0AF5
600
#7E08C4
700
#65079D
800
#4F057A
900
#3B0859
950
#250538

Contrast Checker

Text on white

15.21:1

AA Pass AAA Pass

Text on black

1.38:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026