#215A98 Color

Color Information

HEX#215A98
RGB33, 90, 152
HSL211° , 64% , 36%
HSV211° , 78% , 60%
CMYK78%, 41%, 0%, 40%

Lighter Shades

#3C6EA4 #5682B1 #7195BD #8CA9C9 #A6BDD6 #C1D1E2

Darker Shades

#1D4F86 #194474 #153A61 #112F4F #0D243D #09192B

Complementary Palette

#1C4D83 #215A98 #82511C #975E21 #A67540 #4071A6

Analogous Palette

#2F7879 #338384 #1F558F #215A98 #353384 #494889

Triadic Palette

#1D4F86 #215A98 #A0185A #AB346E #5AA018 #4F8D15

Split Complementary Palette

#1E5189 #215A98 #972321 #A13937 #959721 #86881E

Square Palette

#1C4C80 #215A98 #8D2A8C #8D5D2A #219723 #45A846

Tetradic Palette

#1B4A7D #215A98 #5E11A7 #975E21 #59A711 #77B73C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #215A98 contains 33 red, 90 green, and 152 blue.

Contrast Ratio: 7.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.96:1