#182E57

#182E57

Color Values

HEX

#182E57

RGB

24, 46, 87

HSL

219.0, 56.8%, 21.8%

HSV

219.0, 72.4%, 34.1%

CMYK

72.4%, 47.1%, 0.0%, 65.9%

OKLCH

0.3071 0.0791 261.7

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#182E57

#574118

Analogous

#184E57

#211857

#182E57

Triadic

#182E57

#57182E

#2E5718

Split Complementary

#182E57

#572118

#4E5718

Tetradic

#182E57

#57184E

#574118

#185721

Color Blindness Simulation

Original

#182E57

Protanopia

#22224D

Deuteranopia

#201F4B

Tritanopia

#194544

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EBF6
200
#C7D5F0
300
#9FB7E5
400
#6B91D6
500
#376AC8
600
#2C55A0
700
#234480
800
#1C3564
900
#182949
950
#0F1A2E

Contrast Checker

Text on white

13.4:1

AA Pass AAA Pass

Text on black

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