#458DB2 Color

Color Information

HEX#458DB2
RGB69, 141, 178
HSL200° , 44% , 48%
HSV200° , 61% , 70%
CMYK61%, 21%, 0%, 30%

Lighter Shades

#5B9BBB #72A8C4 #88B6CE #9EC4D7 #B5D1E0 #CBDFE9

Darker Shades

#3D7C9D #346B87 #2C5A72 #24495D #1C3847 #132732

Complementary Palette

#3B7999 #458DB2 #97593B #B06845 #BB7D5F #5F9DBD

Analogous Palette

#558B82 #5D988E #4185A7 #458DB2 #5D6798 #6C749D

Triadic Palette

#3D7C9D #458DB2 #BC3890 #C4509D #90BC38 #7FA531

Split Complementary Palette

#3E7FA0 #458DB2 #B04556 #B85867 #B09E45 #9E8E3E

Square Palette

#3A7696 #458DB2 #9651A4 #A46D51 #56B045 #71BD63

Tetradic Palette

#397492 #458DB2 #612FC6 #B06845 #94C62F #A7D054

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #458DB2 contains 69 red, 141 green, and 178 blue.

Contrast Ratio: 3.63:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 5.78:1