#1836A5 Color

Color Information

HEX#1836A5
RGB24, 54, 165
HSL227° , 75% , 37%
HSV227° , 85% , 65%
CMYK85%, 67%, 0%, 35%

Lighter Shades

#344EB0 #4F66BB #6B7EC5 #8796D0 #A3AFDB #BEC7E6

Darker Shades

#153091 #12297D #0F236A #0C1C56 #0A1642 #070F2E

Complementary Palette

#152E8E #1836A5 #8E7315 #A58618 #B29738 #3852B2

Analogous Palette

#276B86 #2A7592 #17339B #1836A5 #482A92 #583F97

Triadic Palette

#153091 #1836A5 #AF0E31 #B92B4A #31AF0E #2B9A0C

Split Complementary Palette

#163195 #1836A5 #A54018 #AE532F #7DA518 #719516

Square Palette

#142D8B #1836A5 #9C2179 #9C8121 #18A540 #3DB35F

Tetradic Palette

#142C87 #1836A5 #9007B6 #A58618 #2DB607 #53C334

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1836A5 contains 24 red, 54 green, and 165 blue.

Contrast Ratio: 10.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.05:1