#425647

#425647

Color Values

HEX

#425647

RGB

66, 86, 71

HSL

135.0, 13.2%, 29.8%

HSV

135.0, 23.3%, 33.7%

CMYK

23.3%, 0.0%, 17.4%, 66.3%

OKLCH

0.4316 0.0348 152.4

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#425647

#564251

Analogous

#475642

#425651

#425647

Triadic

#425647

#474256

#564742

Split Complementary

#425647

#514256

#564247

Tetradic

#425647

#424756

#564251

#565142

Color Blindness Simulation

Original

#425647

Protanopia

#4B4B4B

Deuteranopia

#4A484C

Tritanopia

#434D4E

Achromatopsia

#515151

CSS Usage

background-color: #425647;
color: #425647;
border-color: #425647;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F6F8F7
100
#EBEFEC
200
#D7E0D9
300
#BACABE
400
#94AD9A
500
#6F9077
600
#59735F
700
#475C4C
800
#37483C
900
#2B362E
950
#1B221D

Contrast Checker

Text on white

7.91:1

AA Pass AAA Pass

Text on black

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