#153C60 Color

Color Information

HEX#153C60
RGB21, 60, 96
HSL209° , 64% , 23%
HSV209° , 78% , 38%
CMYK78%, 38%, 0%, 62%

Lighter Shades

#315373 #4D6B86 #698299 #859AAC #A1B1BF #BDC8D2

Darker Shades

#123554 #102E49 #0D263D #0B1F32 #081826 #06111B

Complementary Palette

#123453 #153C60 #533112 #603915 #765536 #365776

Analogous Palette

#1E4D4C #215454 #14385A #153C60 #212254 #37375D

Triadic Palette

#123554 #153C60 #660F3C #782C53 #3C660F #355A0D

Split Complementary Palette

#133656 #153C60 #601516 #702C2D #605F15 #565613

Square Palette

#123251 #153C60 #591B5A #5A3A1B #166015 #3B793A

Tetradic Palette

#11314F #153C60 #390B6B #603915 #3C6B0B #5F8637

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #153C60 contains 21 red, 60 green, and 96 blue.

Contrast Ratio: 11.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.78:1