#4400CC

#4400CC

Color Values

HEX

#4400CC

RGB

68, 0, 204

HSL

260.0, 100.0%, 40.0%

HSV

260.0, 100.0%, 80.0%

CMYK

66.7%, 100.0%, 0.0%, 20.0%

OKLCH

0.4148 0.2498 280.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#4400CC

#88CC00

Analogous

#0022CC

#AA00CC

#4400CC

Triadic

#4400CC

#CC4400

#00CC44

Split Complementary

#4400CC

#CCAA00

#22CC00

Tetradic

#4400CC

#CC0022

#88CC00

#00CCAA

Color Blindness Simulation

Original

#4400CC

Protanopia

#27269B

Deuteranopia

#2A308F

Tritanopia

#41746B

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F5F1FE
100
#E8DEFC
200
#CFB8FF
300
#AD85FF
400
#8142FF
500
#5500FF
600
#4400CC
700
#3600A3
800
#2A0080
900
#22055C
950
#15033A

Contrast Checker

Text on white

9.92:1

AA Pass AAA Pass

Text on black

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