#340550

#340550

Color Values

HEX

#340550

RGB

52, 5, 80

HSL

277.6, 88.2%, 16.7%

HSV

277.6, 93.8%, 31.4%

CMYK

35.0%, 93.7%, 0.0%, 68.6%

OKLCH

0.2585 0.1235 307.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#340550

#215005

Analogous

#0F0550

#500547

#340550

Triadic

#340550

#503405

#055034

Split Complementary

#340550

#475005

#05500F

Tetradic

#340550

#500F05

#215005

#054750

Color Blindness Simulation

Original

#340550

Protanopia

#201F3E

Deuteranopia

#22263A

Tritanopia

#32302C

Achromatopsia

#141414

CSS Usage

background-color: #340550;
color: #340550;
border-color: #340550;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F2FD
100
#F1E0FB
200
#E3BCFB
300
#CF8CF8
400
#B64DF4
500
#9C0FF0
600
#7D0CC0
700
#640A9A
800
#4E0878
900
#3A0A57
950
#250637

Contrast Checker

Text on white

16.36:1

AA Pass AAA Pass

Text on black

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