#34095F

#34095F

Color Values

HEX

#34095F

RGB

52, 9, 95

HSL

270.0, 82.7%, 20.4%

HSV

270.0, 90.5%, 37.3%

CMYK

45.3%, 90.5%, 0.0%, 62.7%

OKLCH

0.2772 0.1352 299.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#34095F

#345F09

Analogous

#09095F

#5F095F

#34095F

Triadic

#34095F

#5F3409

#095F34

Split Complementary

#34095F

#5F5F09

#095F09

Tetradic

#34095F

#5F0909

#345F09

#095F5F

Color Blindness Simulation

Original

#34095F

Protanopia

#21214A

Deuteranopia

#242745

Tritanopia

#323A36

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE1FA
200
#DBBEF9
300
#C28FF4
400
#A153EF
500
#8016E9
600
#6612BA
700
#520E95
800
#400B74
900
#300C55
950
#1F0835

Contrast Checker

Text on white

15.55:1

AA Pass AAA Pass

Text on black

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