#4300CC

#4300CC

Color Values

HEX

#4300CC

RGB

67, 0, 204

HSL

259.7, 100.0%, 40.0%

HSV

259.7, 100.0%, 80.0%

CMYK

67.2%, 100.0%, 0.0%, 20.0%

OKLCH

0.4139 0.25 280.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#4300CC

#89CC00

Analogous

#0023CC

#A900CC

#4300CC

Triadic

#4300CC

#CC4300

#00CC43

Split Complementary

#4300CC

#CCA900

#23CC00

Tetradic

#4300CC

#CC0023

#89CC00

#00CCA9

Color Blindness Simulation

Original

#4300CC

Protanopia

#26259B

Deuteranopia

#2A2F8F

Tritanopia

#40746B

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F5F1FE
100
#E8DEFC
200
#CFB8FF
300
#AD85FF
400
#8042FF
500
#5400FF
600
#4300CC
700
#3600A3
800
#2A0080
900
#21055C
950
#15033A

Contrast Checker

Text on white

9.95:1

AA Pass AAA Pass

Text on black

2.11:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026