#425462

#425462

Color Values

HEX

#425462

RGB

66, 84, 98

HSL

206.2, 19.5%, 32.2%

HSV

206.2, 32.7%, 38.4%

CMYK

32.7%, 14.3%, 0.0%, 61.6%

OKLCH

0.4363 0.0322 241.9

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#425462

#625042

Analogous

#426260

#424462

#425462

Triadic

#425462

#624254

#546242

Split Complementary

#425462

#624244

#626042

Tetradic

#425462

#604262

#625042

#446242

Color Blindness Simulation

Original

#425462

Protanopia

#4A4A5F

Deuteranopia

#49475E

Tritanopia

#435C5B

Achromatopsia

#515151

CSS Usage

background-color: #425462;
color: #425462;
border-color: #425462;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DCE2
300
#B6C3CE
400
#8EA3B3
500
#678398
600
#52697A
700
#425462
800
#33414C
900
#283239
950
#191F24

Contrast Checker

Text on white

7.85:1

AA Pass AAA Pass

Text on black

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