#4701CB

#4701CB

Color Values

HEX

#4701CB

RGB

71, 1, 203

HSL

260.8, 99.0%, 40.0%

HSV

260.8, 99.5%, 79.6%

CMYK

65.0%, 99.5%, 0.0%, 20.4%

OKLCH

0.4166 0.2481 281.9

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#4701CB

#85CB01

Analogous

#0120CB

#AC01CB

#4701CB

Triadic

#4701CB

#CB4701

#01CB47

Split Complementary

#4701CB

#CBAC01

#20CB01

Tetradic

#4701CB

#CB0120

#85CB01

#01CBAC

Color Blindness Simulation

Original

#4701CB

Protanopia

#29289A

Deuteranopia

#2D328E

Tritanopia

#44736B

Achromatopsia

#1E1E1E

CSS Usage

background-color: #4701CB;
color: #4701CB;
border-color: #4701CB;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F1FE
100
#E9DEFC
200
#D0B8FF
300
#AF85FE
400
#8443FE
500
#5901FE
600
#4701CB
700
#3901A2
800
#2C017F
900
#23055C
950
#16033A

Contrast Checker

Text on white

9.84:1

AA Pass AAA Pass

Text on black

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