#180718

#180718

Color Values

HEX

#180718

RGB

24, 7, 24

HSL

300.0, 54.8%, 6.1%

HSV

300.0, 70.8%, 9.4%

CMYK

0.0%, 70.8%, 0.0%, 90.6%

OKLCH

0.1658 0.0434 327.3

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#180718

#071807

Analogous

#100718

#180710

#180718

Triadic

#180718

#181807

#071818

Split Complementary

#180718

#101807

#071810

Tetradic

#180718

#181007

#071807

#071018

Color Blindness Simulation

Original

#180718

Protanopia

#111014

Deuteranopia

#121313

Tritanopia

#171110

Achromatopsia

#0C0C0C

CSS Usage

background-color: #180718;
color: #180718;
border-color: #180718;
Nearest Tailwind: Slate 950 #020617

Tailwind Shades

50
#FBF4FB
100
#F5E5F5
200
#EFC8EF
300
#E3A0E3
400
#D46DD4
500
#C53AC5
600
#9E2E9E
700
#7E257E
800
#631D63
900
#481948
950
#2E102E

Contrast Checker

Text on white

19.4:1

AA Pass AAA Pass

Text on black

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