#283430

#283430

Color Values

HEX

#283430

RGB

40, 52, 48

HSL

160.0, 13.0%, 18.0%

HSV

160.0, 23.1%, 20.4%

CMYK

23.1%, 0.0%, 7.7%, 79.6%

OKLCH

0.3126 0.0177 172.8

Properties

Cool Dark Nearest: RAL 7016 Anthracite Grey

Color Harmonies

Complementary

#283430

#34282C

Analogous

#28342A

#283234

#283430

Triadic

#283430

#302834

#343028

Split Complementary

#283430

#342832

#342A28

Tetradic

#283430

#2A2834

#34282C

#323428

Color Blindness Simulation

Original

#283430

Protanopia

#2D2D31

Deuteranopia

#2C2C31

Tritanopia

#293232

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEE
200
#D7E0DD
300
#BACAC4
400
#94ADA5
500
#6F9085
600
#59736A
700
#475C55
800
#374843
900
#2B3632
950
#1B2220

Contrast Checker

Text on white

12.93:1

AA Pass AAA Pass

Text on black

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