#4606C6

#4606C6

Color Values

HEX

#4606C6

RGB

70, 6, 198

HSL

260.0, 94.1%, 40.0%

HSV

260.0, 97.0%, 77.6%

CMYK

64.6%, 97.0%, 0.0%, 22.4%

OKLCH

0.4117 0.2418 282.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#4606C6

#86C606

Analogous

#0626C6

#A606C6

#4606C6

Triadic

#4606C6

#C64606

#06C646

Split Complementary

#4606C6

#C6A606

#26C606

Tetradic

#4606C6

#C60626

#86C606

#06C6A6

Color Blindness Simulation

Original

#4606C6

Protanopia

#2A2A98

Deuteranopia

#2E338C

Tritanopia

#43736B

Achromatopsia

#212121

CSS Usage

background-color: #4606C6;
color: #4606C6;
border-color: #4606C6;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F1FD
100
#E8DFFB
200
#D0BAFD
300
#AF88FB
400
#8348F9
500
#5808F7
600
#4606C6
700
#38059E
800
#2C047C
900
#230759
950
#160539

Contrast Checker

Text on white

9.99:1

AA Pass AAA Pass

Text on black

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