#180B28

#180B28

Color Values

HEX

#180B28

RGB

24, 11, 40

HSL

266.9, 56.9%, 10.0%

HSV

266.9, 72.5%, 15.7%

CMYK

40.0%, 72.5%, 0.0%, 84.3%

OKLCH

0.1866 0.0577 301.7

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#180B28

#1B280B

Analogous

#0B0C28

#270B28

#180B28

Triadic

#180B28

#28180B

#0B2818

Split Complementary

#180B28

#28270B

#0C280B

Tetradic

#180B28

#280B0C

#1B280B

#0B2827

Color Blindness Simulation

Original

#180B28

Protanopia

#121221

Deuteranopia

#13141F

Tritanopia

#171B1A

Achromatopsia

#101010

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE5F6
200
#D9C7F0
300
#BE9FE5
400
#9B6BD6
500
#7837C8
600
#602CA0
700
#4D2380
800
#3C1B64
900
#2E1849
950
#1D0F2E

Contrast Checker

Text on white

18.79:1

AA Pass AAA Pass

Text on black

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