#305C96 Color

Color Information

HEX	#305C96
RGB	48, 92, 150
HSL	214° , 52% , 39%
HSV	214° , 68% , 59%
CMYK	68%, 39%, 0%, 41%

Lighter Shades

#4970A3 #6283AF #7B97BC #93AAC8 #ACBED5 #C5D1E2

Darker Shades

#2A5184 #244672 #1F3B60 #19304E #13253C #0D1A2A

Complementary Palette

#294F81 #305C96 #825B29 #976A30 #A67F4D #4D73A5

Analogous Palette

#3E7579 #447F83 #2D568D #305C96 #484483 #5B5889

Triadic Palette

#2A5184 #305C96 #A1265B #AC406F #5BA126 #508E21

Split Complementary Palette

#2B5387 #305C96 #973730 #A14B45 #909730 #82882B

Square Palette

#284D7E #305C96 #8D3A88 #8D693A #309737 #51A857

Tetradic Palette

#274B7B #305C96 #6D1EA9 #976A30 #5AA91E #78B847

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #305C96 contains 48 red, 92 green, and 150 blue.

Contrast Ratio: 6.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.08:1