#182187

#182187

Color Values

HEX

#182187

RGB

24, 33, 135

HSL

235.1, 69.8%, 31.2%

HSV

235.1, 82.2%, 52.9%

CMYK

82.2%, 75.6%, 0.0%, 47.1%

OKLCH

0.3264 0.1655 269.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#182187

#877E18

Analogous

#185987

#461887

#182187

Triadic

#182187

#871821

#218718

Split Complementary

#182187

#874618

#598718

Tetradic

#182187

#871859

#877E18

#188746

Color Blindness Simulation

Original

#182187

Protanopia

#1C1C6E

Deuteranopia

#1B1B68

Tritanopia

#185B57

Achromatopsia

#262626

CSS Usage

background-color: #182187;
color: #182187;
border-color: #182187;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F3F4FC
100
#E3E4F8
200
#C2C6F4
300
#979EED
400
#5F6AE3
500
#2735D8
600
#1F2AAD
700
#19228B
800
#131B6C
900
#12174F
950
#0B0F32

Contrast Checker

Text on white

13.07:1

AA Pass AAA Pass

Text on black

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