#24312E

#24312E

Color Values

HEX

#24312E

RGB

36, 49, 46

HSL

166.2, 15.3%, 16.7%

HSV

166.2, 26.5%, 19.2%

CMYK

26.5%, 0.0%, 6.1%, 80.8%

OKLCH

0.3002 0.0183 179.3

Properties

Cool Dark Nearest: RAL 7016 Anthracite Grey

Color Harmonies

Complementary

#24312E

#312427

Analogous

#243128

#242E31

#24312E

Triadic

#24312E

#2E2431

#312E24

Split Complementary

#24312E

#31242E

#312824

Tetradic

#24312E

#282431

#312427

#2E3124

Color Blindness Simulation

Original

#24312E

Protanopia

#2A2A2F

Deuteranopia

#29282F

Tritanopia

#252F2F

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D6E1DE
300
#B8CBC7
400
#92AFA8
500
#6C938A
600
#56766E
700
#455E58
800
#364A45
900
#2A3734
950
#1A2321

Contrast Checker

Text on white

13.52:1

AA Pass AAA Pass

Text on black

1.55:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026