#303631

#303631

Color Values

HEX

#303631

RGB

48, 54, 49

HSL

130.0, 5.9%, 20.0%

HSV

130.0, 11.1%, 21.2%

CMYK

11.1%, 0.0%, 9.3%, 78.8%

OKLCH

0.3254 0.012 150.3

Properties

Cool Dark Nearest: RAL 6015 Black Olive

Color Harmonies

Complementary

#303631

#363035

Analogous

#323630

#303634

#303631

Triadic

#303631

#313036

#363130

Split Complementary

#303631

#343036

#363032

Tetradic

#303631

#303236

#363035

#363430

Color Blindness Simulation

Original

#303631

Protanopia

#333332

Deuteranopia

#323232

Tritanopia

#303333

Achromatopsia

#343434

CSS Usage

background-color: #303631;
color: #303631;
border-color: #303631;
Nearest Tailwind: Neutral 700 #404040

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DDDA
300
#BEC5BF
400
#9BA69D
500
#78877A
600
#606C62
700
#4D564E
800
#3C443D
900
#2E332F
950
#1D201E

Contrast Checker

Text on white

12.37:1

AA Pass AAA Pass

Text on black

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