#302834

#302834

Color Values

HEX

#302834

RGB

48, 40, 52

HSL

280.0, 13.0%, 18.0%

HSV

280.0, 23.1%, 20.4%

CMYK

7.7%, 23.1%, 0.0%, 79.6%

OKLCH

0.2907 0.0242 314.4

Properties

Cool Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#302834

#2C3428

Analogous

#2A2834

#342832

#302834

Triadic

#302834

#343028

#283430

Split Complementary

#302834

#323428

#28342A

Tetradic

#302834

#342A28

#2C3428

#283234

Color Blindness Simulation

Original

#302834

Protanopia

#2D2C31

Deuteranopia

#2D2E30

Tritanopia

#302F2E

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DDD7E0
300
#C4BACA
400
#A594AD
500
#856F90
600
#6A5973
700
#55475C
800
#433748
900
#322B36
950
#201B22

Contrast Checker

Text on white

14.2:1

AA Pass AAA Pass

Text on black

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