#34036D

#34036D

Color Values

HEX

#34036D

RGB

52, 3, 109

HSL

267.7, 94.6%, 22.0%

HSV

267.7, 97.2%, 42.7%

CMYK

52.3%, 97.2%, 0.0%, 57.3%

OKLCH

0.2875 0.1546 294.4

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#34036D

#3C6D03

Analogous

#03076D

#69036D

#34036D

Triadic

#34036D

#6D3403

#036D34

Split Complementary

#34036D

#6D6903

#076D03

Tetradic

#34036D

#6D0307

#3C6D03

#036D69

Color Blindness Simulation

Original

#34036D

Protanopia

#1F1E53

Deuteranopia

#22254D

Tritanopia

#323F3B

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#ECDFFC
200
#D9BAFD
300
#BD88FC
400
#9A47FA
500
#7607F8
600
#5F06C6
700
#4C049F
800
#3B037C
900
#2D075A
950
#1D0539

Contrast Checker

Text on white

15.22:1

AA Pass AAA Pass

Text on black

1.38:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026