#180B26

#180B26

Color Values

HEX

#180B26

RGB

24, 11, 38

HSL

268.9, 55.1%, 9.6%

HSV

268.9, 71.1%, 14.9%

CMYK

36.8%, 71.1%, 0.0%, 85.1%

OKLCH

0.1849 0.0545 303.8

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#180B26

#19260B

Analogous

#0B0B26

#250B26

#180B26

Triadic

#180B26

#26180B

#0B2618

Split Complementary

#180B26

#26250B

#0B260B

Tetradic

#180B26

#260B0B

#19260B

#0B2625

Color Blindness Simulation

Original

#180B26

Protanopia

#12121F

Deuteranopia

#13141E

Tritanopia

#171A19

Achromatopsia

#101010

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DBC8EF
300
#C1A0E4
400
#9F6DD5
500
#7D39C6
600
#642E9E
700
#50257F
800
#3E1D63
900
#301848
950
#1E0F2E

Contrast Checker

Text on white

18.84:1

AA Pass AAA Pass

Text on black

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