#180B27

#180B27

Color Values

HEX

#180B27

RGB

24, 11, 39

HSL

267.9, 56.0%, 9.8%

HSV

267.9, 71.8%, 15.3%

CMYK

38.5%, 71.8%, 0.0%, 84.7%

OKLCH

0.1858 0.0561 302.7

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#180B27

#1A270B

Analogous

#0B0C27

#260B27

#180B27

Triadic

#180B27

#27180B

#0B2718

Split Complementary

#180B27

#27260B

#0C270B

Tetradic

#180B27

#270B0C

#1A270B

#0B2726

Color Blindness Simulation

Original

#180B27

Protanopia

#121220

Deuteranopia

#13141F

Tritanopia

#171B1A

Achromatopsia

#101010

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DAC7EF
300
#BFA0E4
400
#9D6CD5
500
#7B38C7
600
#622D9F
700
#4E247F
800
#3D1C63
900
#2F1849
950
#1E0F2E

Contrast Checker

Text on white

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