#4570B0

#4570B0

Color Values

HEX

#4570B0

RGB

69, 112, 176

HSL

215.9, 43.7%, 48.0%

HSV

215.9, 60.8%, 69.0%

CMYK

60.8%, 36.4%, 0.0%, 31.0%

OKLCH

0.5441 0.1116 258.2

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#4570B0

#B08545

Analogous

#45A5B0

#4F45B0

#4570B0

Triadic

#4570B0

#B04570

#70B045

Split Complementary

#4570B0

#B04F45

#A5B045

Tetradic

#4570B0

#B045A5

#B08545

#45B04F

Color Blindness Simulation

Original

#4570B0

Protanopia

#5858A1

Deuteranopia

#55529D

Tritanopia

#479492

Achromatopsia

#6B6B6B

CSS Usage

background-color: #4570B0;
color: #4570B0;
border-color: #4570B0;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E7ECF4
200
#CCD8EB
300
#A7BDDD
400
#7799CA
500
#4875B7
600
#395D93
700
#2E4B75
800
#243A5C
900
#1D2D44
950
#131C2B

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

4.2:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026