#424094

#424094

Color Values

HEX

#424094

RGB

66, 64, 148

HSL

241.4, 39.6%, 41.6%

HSV

241.4, 56.8%, 58.0%

CMYK

55.4%, 56.8%, 0.0%, 42.0%

OKLCH

0.4217 0.1343 280.0

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#424094

#929440

Analogous

#406894

#6C4094

#424094

Triadic

#424094

#944240

#409442

Split Complementary

#424094

#946C40

#689440

Tetradic

#424094

#944068

#929440

#40946C

Color Blindness Simulation

Original

#424094

Protanopia

#414180

Deuteranopia

#41417B

Tritanopia

#42706C

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CECDE9
300
#ABAADA
400
#7D7BC6
500
#4F4DB2
600
#3F3E8E
700
#333172
800
#282759
900
#201F42
950
#14142A

Contrast Checker

Text on white

8.78:1

AA Pass AAA Pass

Text on black

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