#4561B0

#4561B0

Color Values

HEX

#4561B0

RGB

69, 97, 176

HSL

224.3, 43.7%, 48.0%

HSV

224.3, 60.8%, 69.0%

CMYK

60.8%, 44.9%, 0.0%, 31.0%

OKLCH

0.5111 0.1294 267.1

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#4561B0

#B09445

Analogous

#4596B0

#5E45B0

#4561B0

Triadic

#4561B0

#B04561

#61B045

Split Complementary

#4561B0

#B05E45

#96B045

Tetradic

#4561B0

#B04596

#B09445

#45B05E

Color Blindness Simulation

Original

#4561B0

Protanopia

#51519D

Deuteranopia

#504D98

Tritanopia

#468E8A

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EAF4
200
#CCD4EB
300
#A7B5DD
400
#778DCA
500
#4865B7
600
#395193
700
#2E4175
800
#24325C
900
#1D2744
950
#13192B

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

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