#40525D

#40525D

Color Values

HEX

#40525D

RGB

64, 82, 93

HSL

202.8, 18.5%, 30.8%

HSV

202.8, 31.2%, 36.5%

CMYK

31.2%, 11.8%, 0.0%, 63.5%

OKLCH

0.4277 0.0289 235.2

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#40525D

#5D4B40

Analogous

#405D5A

#40435D

#40525D

Triadic

#40525D

#5D4052

#525D40

Split Complementary

#40525D

#5D4043

#5D5A40

Tetradic

#40525D

#5A405D

#5D4B40

#435D40

Color Blindness Simulation

Original

#40525D

Protanopia

#48485A

Deuteranopia

#47455A

Tritanopia

#415858

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D5DDE2
300
#B6C5CD
400
#8FA5B2
500
#688597
600
#536B79
700
#435561
800
#34434C
900
#283239
950
#1A2024

Contrast Checker

Text on white

8.13:1

AA Pass AAA Pass

Text on black

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