#180E2D

#180E2D

Color Values

HEX

#180E2D

RGB

24, 14, 45

HSL

259.4, 52.5%, 11.6%

HSV

259.4, 68.9%, 17.6%

CMYK

46.7%, 68.9%, 0.0%, 82.4%

OKLCH

0.1971 0.06 295.2

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#180E2D

#232D0E

Analogous

#0E142D

#280E2D

#180E2D

Triadic

#180E2D

#2D180E

#0E2D18

Split Complementary

#180E2D

#2D280E

#142D0E

Tetradic

#180E2D

#2D0E14

#232D0E

#0E2D28

Color Blindness Simulation

Original

#180E2D

Protanopia

#141426

Deuteranopia

#141524

Tritanopia

#17201E

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#F6F4FB
100
#EAE5F5
200
#D5C9EE
300
#B6A2E2
400
#8F6FD2
500
#683DC2
600
#53309C
700
#42277C
800
#341E61
900
#281A47
950
#19102D

Contrast Checker

Text on white

18.43:1

AA Pass AAA Pass

Text on black

1.14:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026