#154390

#154390

Color Values

HEX

#154390

RGB

21, 67, 144

HSL

217.6, 74.5%, 32.4%

HSV

217.6, 85.4%, 56.5%

CMYK

85.4%, 53.5%, 0.0%, 43.5%

OKLCH

0.4006 0.137 260.3

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#154390

#906215

Analogous

#158190

#251590

#154390

Triadic

#154390

#901543

#439015

Split Complementary

#154390

#902515

#819015

Tetradic

#154390

#901581

#906215

#159025

Color Blindness Simulation

Original

#154390

Protanopia

#29297D

Deuteranopia

#262379

Tritanopia

#176F6B

Achromatopsia

#3F3F3F

CSS Usage

background-color: #154390;
color: #154390;
border-color: #154390;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FC
100
#E2EAF8
200
#C1D5F6
300
#94B6EF
400
#5A8FE7
500
#2167DE
600
#1A53B2
700
#15428E
800
#10346F
900
#102851
950
#0A1933

Contrast Checker

Text on white

9.39:1

AA Pass AAA Pass

Text on black

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