#435856

#435856

Color Values

HEX

#435856

RGB

67, 88, 86

HSL

174.3, 13.5%, 30.4%

HSV

174.3, 23.9%, 34.5%

CMYK

23.9%, 0.0%, 2.3%, 65.5%

OKLCH

0.4424 0.0259 189.1

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#435856

#584345

Analogous

#43584C

#435058

#435856

Triadic

#435856

#564358

#585643

Split Complementary

#435856

#584350

#584C43

Tetradic

#435856

#4C4358

#584345

#505843

Color Blindness Simulation

Original

#435856

Protanopia

#4C4C56

Deuteranopia

#4B4957

Tritanopia

#445757

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0DF
300
#BACAC8
400
#94ADAB
500
#6E918D
600
#587471
700
#475D5B
800
#374847
900
#2B3635
950
#1B2222

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

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