#283533

#283533

Color Values

HEX

#283533

RGB

40, 53, 51

HSL

170.8, 14.0%, 18.2%

HSV

170.8, 24.5%, 20.8%

CMYK

24.5%, 0.0%, 3.8%, 79.2%

OKLCH

0.3165 0.0177 184.8

Properties

Cool Dark Nearest: RAL 7016 Anthracite Grey

Color Harmonies

Complementary

#283533

#35282A

Analogous

#28352C

#283035

#283533

Triadic

#283533

#332835

#353328

Split Complementary

#283533

#352830

#352C28

Tetradic

#283533

#2C2835

#35282A

#303528

Color Blindness Simulation

Original

#283533

Protanopia

#2E2E33

Deuteranopia

#2D2C34

Tritanopia

#293434

Achromatopsia

#323232

CSS Usage

background-color: #283533;
color: #283533;
border-color: #283533;
Nearest Tailwind: Neutral 800 #262626

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0DF
300
#B9CAC8
400
#93AEAA
500
#6E918C
600
#587470
700
#465D5A
800
#374946
900
#2A3735
950
#1B2221

Contrast Checker

Text on white

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