#458BD5 Color

Color Information

HEX	#458BD5
RGB	69, 139, 213
HSL	211° , 63% , 55%
HSV	211° , 68% , 84%
CMYK	68%, 35%, 0%, 16%

Lighter Shades

#5B99DA #72A7DF #88B5E4 #9EC3E9 #B5D1EE #CBDFF3

Darker Shades

#3D7ABB #346AA2 #2C5988 #24486F #1C3855 #13273C

Complementary Palette

#3B78B7 #458BD5 #B77B3A #D58F44 #DB9F5E #5F9BDB

Analogous Palette

#59AAAB #5BBCBE #4183C8 #458BD5 #5D5BBE #6B69C3

Triadic Palette

#3D7ABB #458BD5 #E03889 #E45097 #89E038 #79C531

Split Complementary Palette

#3E7DC0 #458BD5 #D54644 #D95957 #D2D544 #BDC03D

Square Palette

#3A75B3 #458BD5 #C94FC7 #C98E4F #44D546 #62DC64

Tetradic Palette

#3972AF #458BD5 #8F2FE9 #D58F44 #89E92F #9EED54

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #458BD5 contains 69 red, 139 green, and 213 blue.

Contrast Ratio: 3.51:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.98:1