#425583

#425583

Color Values

HEX

#425583

RGB

66, 85, 131

HSL

222.5, 33.0%, 38.6%

HSV

222.5, 49.6%, 51.4%

CMYK

49.6%, 35.1%, 0.0%, 48.6%

OKLCH

0.4551 0.0792 266.3

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#425583

#837042

Analogous

#427583

#4F4283

#425583

Triadic

#425583

#834255

#558342

Split Complementary

#425583

#834F42

#758342

Tetradic

#425583

#834275

#837042

#42834F

Color Blindness Simulation

Original

#425583

Protanopia

#4A4A78

Deuteranopia

#494875

Tritanopia

#436F6D

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E8EBF2
200
#D0D6E7
300
#AEB9D6
400
#8294C0
500
#556EAA
600
#445888
700
#37466D
800
#2B3755
900
#222A3F
950
#161B28

Contrast Checker

Text on white

7.35:1

AA Pass AAA Pass

Text on black

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