#4F525D

#4F525D

Color Values

HEX

#4F525D

RGB

79, 82, 93

HSL

227,1, 8,1%, 33,7%

HSV

227,1, 15,1%, 36,5%

CMYK

15,1%, 11,8%, 0,0%, 63,5%

OKLCH

0,4399 0,0184 273,5

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#4F525D

#5D5A4F

Analogous

#4F595D

#534F5D

#4F525D

Triadic

#4F525D

#5D4F52

#525D4F

Split Complementary

#4F525D

#5D534F

#595D4F

Tetradic

#4F525D

#5D4F59

#5D5A4F

#4F5D53

Color Blindness Simulation

Original

#4F525D

Protanopia

#50505A

Deuteranopia

#50505A

Tritanopia

#4F5858

Achromatopsia

#525252

CSS Usage

background-color: #4F525D;
color: #4F525D;
border-color: #4F525D;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D8DADE
300
#BDBFC7
400
#999CA8
500
#757A8A
600
#5E616E
700
#4B4E58
800
#3B3D45
900
#2D2E34
950
#1C1D21

Contrast Checker

Text on white

7,79:1

AA Pass AAA Pass

Text on black

2,7: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