#182248

#182248

Color Values

HEX

#182248

RGB

24, 34, 72

HSL

227.5, 50.0%, 18.8%

HSV

227.5, 66.7%, 28.2%

CMYK

66.7%, 52.8%, 0.0%, 71.8%

OKLCH

0.2659 0.0718 269.9

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#182248

#483E18

Analogous

#183A48

#261848

#182248

Triadic

#182248

#481822

#224818

Split Complementary

#182248

#482618

#3A4818

Tetradic

#182248

#48183A

#483E18

#184826

Color Blindness Simulation

Original

#182248

Protanopia

#1C1C3F

Deuteranopia

#1C1B3D

Tritanopia

#183836

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E9F5
200
#C9D1ED
300
#A3B0E0
400
#7185D0
500
#405ABF
600
#334899
700
#293A7A
800
#202D60
900
#1B2446
950
#11172C

Contrast Checker

Text on white

15.43:1

AA Pass AAA Pass

Text on black

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