#180232

#180232

Color Values

HEX

#180232

RGB

24, 2, 50

HSL

267,5, 92,3%, 10,2%

HSV

267,5, 96,0%, 19,6%

CMYK

52,0%, 96,0%, 0,0%, 80,4%

OKLCH

0,1789 0,0892 298,6

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#180232

#1C3202

Analogous

#020432

#300232

#180232

Triadic

#180232

#321802

#023218

Split Complementary

#180232

#323002

#043202

Tetradic

#180232

#320204

#1C3202

#023230

Color Blindness Simulation

Original

#180232

Protanopia

#0E0E26

Deuteranopia

#101124

Tritanopia

#171D1B

Achromatopsia

#0A0A0A

CSS Usage

background-color: #180232;
color: #180232;
border-color: #180232;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F1FD
100
#ECDFFB
200
#D9BAFC
300
#BD89FA
400
#994AF8
500
#760AF5
600
#5E08C4
700
#4B069D
800
#3B057B
900
#2D0859
950
#1C0538

Contrast Checker

Text on white

19,2:1

AA Pass AAA Pass

Text on black

1,09: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