#425585

#425585

Color Values

HEX

#425585

RGB

66, 85, 133

HSL

223.0, 33.7%, 39.0%

HSV

223.0, 50.4%, 52.2%

CMYK

50.4%, 36.1%, 0.0%, 47.8%

OKLCH

0.4562 0.0823 266.8

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#425585

#857242

Analogous

#427685

#504285

#425585

Triadic

#425585

#854255

#558542

Split Complementary

#425585

#855042

#768542

Tetradic

#425585

#854276

#857242

#428550

Color Blindness Simulation

Original

#425585

Protanopia

#4A4A79

Deuteranopia

#494877

Tritanopia

#43706E

Achromatopsia

#545454

CSS Usage

background-color: #425585;
color: #425585;
border-color: #425585;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F6FA
100
#E8EBF2
200
#CFD6E7
300
#ADB9D6
400
#8193C0
500
#556DAA
600
#445788
700
#36466D
800
#2A3655
900
#222A3F
950
#151B28

Contrast Checker

Text on white

7.32:1

AA Pass AAA Pass

Text on black

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