#303237

#303237

Color Values

HEX

#303237

RGB

48, 50, 55

HSL

222.9, 6.8%, 20.2%

HSV

222.9, 12.7%, 21.6%

CMYK

12.7%, 9.1%, 0.0%, 78.4%

OKLCH

0.3171 0.0093 268.4

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#303237

#373530

Analogous

#303637

#323037

#303237

Triadic

#303237

#373032

#323730

Split Complementary

#303237

#373230

#363730

Tetradic

#303237

#373036

#373530

#303732

Color Blindness Simulation

Original

#303237

Protanopia

#313136

Deuteranopia

#313136

Tritanopia

#303535

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DADE
300
#BEC0C6
400
#9A9EA7
500
#777C88
600
#5F636D
700
#4C4F57
800
#3B3E44
900
#2D2F33
950
#1D1E20

Contrast Checker

Text on white

12.83:1

AA Pass AAA Pass

Text on black

1.64:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026