#154FB0

#154FB0

Color Values

HEX

#154FB0

RGB

21, 79, 176

HSL

217.5, 78.7%, 38.6%

HSV

217.5, 88.1%, 69.0%

CMYK

88.1%, 55.1%, 0.0%, 31.0%

OKLCH

0.453 0.1657 260.5

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#154FB0

#B07615

Analogous

#159DB0

#2815B0

#154FB0

Triadic

#154FB0

#B0154F

#4FB015

Split Complementary

#154FB0

#B02815

#9DB015

Tetradic

#154FB0

#B0159D

#B07615

#15B028

Color Blindness Simulation

Original

#154FB0

Protanopia

#2E2F99

Deuteranopia

#2B2693

Tritanopia

#188682

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E1EAF9
200
#BFD4F7
300
#92B6F2
400
#568EEB
500
#1B66E4
600
#1652B6
700
#114292
800
#0E3372
900
#0E2853
950
#091934

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

2.78:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026