#424185

#424185

Color Values

HEX

#424185

RGB

66, 65, 133

HSL

240.9, 34.3%, 38.8%

HSV

240.9, 51.1%, 52.2%

CMYK

50.4%, 51.1%, 0.0%, 47.8%

OKLCH

0.4127 0.1108 281.0

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#424185

#848541

Analogous

#416285

#644185

#424185

Triadic

#424185

#854241

#418542

Split Complementary

#424185

#856441

#628541

Tetradic

#424185

#854162

#848541

#418564

Color Blindness Simulation

Original

#424185

Protanopia

#424275

Deuteranopia

#424271

Tritanopia

#426865

Achromatopsia

#464646

CSS Usage

background-color: #424185;
color: #424185;
border-color: #424185;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E8F2
200
#CFCFE8
300
#ADADD7
400
#8180C1
500
#5554AB
600
#444389
700
#36366E
800
#2B2A56
900
#22213F
950
#151528

Contrast Checker

Text on white

9.03:1

AA Pass AAA Pass

Text on black

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