HEX Color #425F99 (Steelblue)

About #425F99

When working with digital screens, the color #425F99 is rendered by mixing light. Its closest recognized web color is Steelblue. This translates to an RGB value of rgb(66, 95, 153).

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 57% cyan, 38% magenta, 0% yellow, and 40% black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#425F99

RGB66, 95, 153

HSL220.0°, 39.7%, 42.9%

CMYK57%, 38%, 0%, 40%

HSV220.0°, 56.9%, 60.0%

LAB40.6, 7.3, -35.0

XYZ12.1, 11.6, 31.7

Decimal4349849

Color Harmonies

Complementary

#425F99 #997C42

Analogous

#428A99 #504299

Triadic

#99425E #5E9942

Tetradic

#99428A #997C42 #429950

Tints, Shades & Tones

Tints (Adding White)

#425F99

#5770A4

#6C82AF

#8194BB

#96A6C6

#ABB7D1

#C0C9DD

#D5DBE8

#EAEDF3

#FFFFFF

Shades (Adding Black)

#425F99

#3A5488

#334977

#2C3F66

#243455

#1D2A44

#161F33

#0E1522

#070A11

#000000

WCAG Contrast Accessibility

6.31:1

Text on #FFFFFF

AA

3.33:1

Text on #000000

AA Large

6.03:1

Text on #F8FAFC

AA

2.83:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #425F99; }

.text-color { color: #425F99; }

.border-color { border: 2px solid #425F99; }

Similar Colors

Steelblue

#4682B4