#283196 Color

Color Information

HEX#283196
RGB40, 49, 150
HSL235° , 58% , 37%
HSV235° , 73% , 59%
CMYK73%, 67%, 0%, 41%

Lighter Shades

#424AA3 #5C62AF #757BBC #8F94C8 #A9ADD5 #C3C5E2

Darker Shades

#232B84 #1E2572 #1A1F60 #15194E #10143C #0B0E2A

Complementary Palette

#222A81 #283196 #807822 #958C28 #A49C46 #464EA5

Analogous Palette

#375C77 #3A6482 #262E8D #283196 #583A82 #664E88

Triadic Palette

#232B84 #283196 #9F1E29 #AB3943 #299F1E #248C1A

Split Complementary Palette

#242C87 #283196 #955528 #A0663E #679528 #5D8624

Square Palette

#22297E #283196 #8C3166 #8C8431 #289555 #4AA670

Tetradic Palette

#21287B #283196 #9A17A6 #958C28 #23A617 #4BB641

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #283196 contains 40 red, 49 green, and 150 blue.

Contrast Ratio: 11.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.9:1