#4100CC

#4100CC

Color Values

HEX

#4100CC

RGB

65, 0, 204

HSL

259.1, 100.0%, 40.0%

HSV

259.1, 100.0%, 80.0%

CMYK

68.1%, 100.0%, 0.0%, 20.0%

OKLCH

0.4123 0.2504 279.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#4100CC

#8BCC00

Analogous

#0025CC

#A700CC

#4100CC

Triadic

#4100CC

#CC4100

#00CC41

Split Complementary

#4100CC

#CCA700

#25CC00

Tetradic

#4100CC

#CC0025

#8BCC00

#00CCA7

Color Blindness Simulation

Original

#4100CC

Protanopia

#25249B

Deuteranopia

#292E8F

Tritanopia

#3E746B

Achromatopsia

#1D1D1D

CSS Usage

background-color: #4100CC;
color: #4100CC;
border-color: #4100CC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F1FE
100
#E8DEFC
200
#CEB8FF
300
#AC85FF
400
#7E42FF
500
#5100FF
600
#4100CC
700
#3400A3
800
#290080
900
#21055C
950
#15033A

Contrast Checker

Text on white

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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026