#153C96 Color

Color Information

HEX	#153C96
RGB	21, 60, 150
HSL	222° , 75% , 34%
HSV	222° , 86% , 59%
CMYK	86%, 60%, 0%, 41%

Lighter Shades

#3153A3 #4D6BAF #6982BC #859AC8 #A1B1D5 #BDC8E2

Darker Shades

#123584 #102E72 #0D2660 #0B1F4E #08183C #06112A

Complementary Palette

#123481 #153C96 #836113 #987116 #A68537 #3657A5

Analogous Palette

#24697B #277386 #14388D #153C96 #3A2786 #4C3D8A

Triadic Palette

#123584 #153C96 #A00D39 #AB2A51 #39A00D #328D0B

Split Complementary Palette

#133687 #153C96 #983016 #A2452D #7E9816 #718914

Square Palette

#12327E #153C96 #8F1E79 #8F6D1E #169830 #3BA851

Tetradic Palette

#11317B #153C96 #7706A7 #987116 #36A706 #5AB733

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #153C96 contains 21 red, 60 green, and 150 blue.

Contrast Ratio: 10.2:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.06:1