#340670

#340670

Color Values

HEX

#340670

RGB

52, 6, 112

HSL

266.0, 89.8%, 23.1%

HSV

266.0, 94.6%, 43.9%

CMYK

53.6%, 94.6%, 0.0%, 56.1%

OKLCH

0.2932 0.1555 292.9

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#340670

#427006

Analogous

#060D70

#690670

#340670

Triadic

#340670

#703406

#067034

Split Complementary

#340670

#706906

#0D7006

Tetradic

#340670

#70060D

#427006

#067069

Color Blindness Simulation

Original

#340670

Protanopia

#202056

Deuteranopia

#232650

Tritanopia

#32423E

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EBE0FB
200
#D7BBFB
300
#BA8BF9
400
#954CF5
500
#700DF2
600
#5A0AC2
700
#48089B
800
#380779
900
#2B0958
950
#1B0637

Contrast Checker

Text on white

14.94:1

AA Pass AAA Pass

Text on black

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