#283536

#283536

Color Values

HEX

#283536

RGB

40, 53, 54

HSL

184.3, 14.9%, 18.4%

HSV

184.3, 25.9%, 21.2%

CMYK

25.9%, 1.9%, 0.0%, 78.8%

OKLCH

0.3176 0.0174 202.1

Properties

Cool Dark Nearest: RAL 7016 Anthracite Grey

Color Harmonies

Complementary

#283536

#362928

Analogous

#283630

#282E36

#283536

Triadic

#283536

#362835

#353628

Split Complementary

#283536

#36282E

#363028

Tetradic

#283536

#302836

#362928

#2E3628

Color Blindness Simulation

Original

#283536

Protanopia

#2E2E36

Deuteranopia

#2D2C36

Tritanopia

#293636

Achromatopsia

#323232

CSS Usage

background-color: #283536;
color: #283536;
border-color: #283536;
Nearest Tailwind: Zinc 800 #27272A

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0E1
300
#B9CACB
400
#93ADAF
500
#6D9092
600
#577375
700
#455C5E
800
#364849
900
#2A3637
950
#1A2223

Contrast Checker

Text on white

12.71:1

AA Pass AAA Pass

Text on black

1.65:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026