#154FB7

#154FB7

Color Values

HEX

#154FB7

RGB

21, 79, 183

HSL

218.5, 79.4%, 40.0%

HSV

218.5, 88.5%, 71.8%

CMYK

88.5%, 56.8%, 0.0%, 28.2%

OKLCH

0.4589 0.1751 261.2

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#154FB7

#B77D15

Analogous

#15A0B7

#2C15B7

#154FB7

Triadic

#154FB7

#B7154F

#4FB715

Split Complementary

#154FB7

#B72C15

#A0B715

Tetradic

#154FB7

#B715A0

#B77D15

#15B72C

Color Blindness Simulation

Original

#154FB7

Protanopia

#2E2F9E

Deuteranopia

#2B2698

Tritanopia

#188A86

Achromatopsia

#4A4A4A

CSS Usage

background-color: #154FB7;
color: #154FB7;
border-color: #154FB7;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F6FD
100
#E1EAF9
200
#BFD3F8
300
#91B4F2
400
#568BEC
500
#1A63E5
600
#154FB7
700
#113F92
800
#0D3172
900
#0E2753
950
#091834

Contrast Checker

Text on white

7.41:1

AA Pass AAA Pass

Text on black

2.83:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026