#157BD5 Color

Color Information

HEX	#157BD5
RGB	21, 123, 213
HSL	208° , 82% , 46%
HSV	208° , 90% , 84%
CMYK	90%, 42%, 0%, 16%

Lighter Shades

#318BDA #4D9BDF #69ABE4 #85BAE9 #A1CAEE #BDDAF3

Darker Shades

#126CBB #105DA2 #0D4F88 #0B406F #083155 #06223C

Complementary Palette

#126AB7 #157BD5 #B75F12 #D56F15 #DB8336 #368DDB

Analogous Palette

#29AEA9 #2DBEB9 #1474C8 #157BD5 #2D31BE #4145BE

Triadic Palette

#126CBB #157BD5 #E1097C #E5278C #7CE109 #6DC608

Split Complementary Palette

#136FC0 #157BD5 #D5151C #D92C33 #D5CF15 #C0BA13

Square Palette

#1267B3 #157BD5 #C421CA #CA7021 #1CD515 #40DC3A

Tetradic Palette

#1165AF #157BD5 #6D00EB #D56F15 #7DEB00 #94EF2E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #157BD5 contains 21 red, 123 green, and 213 blue.

Contrast Ratio: 4.32:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.87:1