#181F48

#181F48

Color Values

HEX

#181F48

RGB

24, 31, 72

HSL

231.2, 50.0%, 18.8%

HSV

231.2, 66.7%, 28.2%

CMYK

66.7%, 56.9%, 0.0%, 71.8%

OKLCH

0.2586 0.0765 272.6

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#181F48

#484118

Analogous

#183748

#291848

#181F48

Triadic

#181F48

#48181F

#1F4818

Split Complementary

#181F48

#482918

#374818

Tetradic

#181F48

#481837

#484118

#184829

Color Blindness Simulation

Original

#181F48

Protanopia

#1B1B3E

Deuteranopia

#1B1A3C

Tritanopia

#183635

Achromatopsia

#202020

CSS Usage

background-color: #181F48;
color: #181F48;
border-color: #181F48;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F5FB
100
#E6E8F5
200
#C9CFED
300
#A3ACE0
400
#717FD0
500
#4052BF
600
#334299
700
#29357A
800
#202960
900
#1B2146
950
#11152C

Contrast Checker

Text on white

15.81:1

AA Pass AAA Pass

Text on black

1.33:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026