#180F22

#180F22

Color Values

HEX

#180F22

RGB

24, 15, 34

HSL

268.4, 38.8%, 9.6%

HSV

268.4, 55.9%, 13.3%

CMYK

29.4%, 55.9%, 0.0%, 86.7%

OKLCH

0.1907 0.0393 304.8

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#180F22

#19220F

Analogous

#0F0F22

#210F22

#180F22

Triadic

#180F22

#22180F

#0F2218

Split Complementary

#180F22

#22210F

#0F220F

Tetradic

#180F22

#220F0F

#19220F

#0F2221

Color Blindness Simulation

Original

#180F22

Protanopia

#14141D

Deuteranopia

#15151C

Tritanopia

#181A19

Achromatopsia

#121212

CSS Usage

background-color: #180F22;
color: #180F22;
border-color: #180F22;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DBCDE9
300
#C1AADA
400
#9F7CC5
500
#7D4EB1
600
#643E8E
700
#503271
800
#3E2758
900
#302041
950
#1E1429

Contrast Checker

Text on white

18.58:1

AA Pass AAA Pass

Text on black

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