#425350

#425350

Color Values

HEX

#425350

RGB

66, 83, 80

HSL

169.4, 11.4%, 29.2%

HSV

169.4, 20.5%, 32.5%

CMYK

20.5%, 0.0%, 3.6%, 67.5%

OKLCH

0.4268 0.0218 183.4

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#425350

#534245

Analogous

#425347

#424D53

#425350

Triadic

#425350

#504253

#535042

Split Complementary

#425350

#53424D

#534742

Tetradic

#425350

#474253

#534245

#4D5342

Color Blindness Simulation

Original

#425350

Protanopia

#494A51

Deuteranopia

#484751

Tritanopia

#435151

Achromatopsia

#4F4F4F

CSS Usage

background-color: #425350;
color: #425350;
border-color: #425350;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F7F8F8
100
#EBEFEE
200
#D7DFDE
300
#BBC9C6
400
#96ABA8
500
#718E89
600
#5A726E
700
#485B58
800
#384744
900
#2B3534
950
#1B2221

Contrast Checker

Text on white

8.12:1

AA Pass AAA Pass

Text on black

2.58:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026