#3A85BB Color

Color Information

HEX	#3A85BB
RGB	58, 133, 187
HSL	205° , 53% , 48%
HSV	205° , 69% , 73%
CMYK	69%, 29%, 0%, 27%

Lighter Shades

#5294C3 #69A2CB #81B1D3 #99C0DC #B0CEE4 #C8DDEC

Darker Shades

#3375A5 #2C658E #255578 #1E4561 #17354B #102534

Complementary Palette

#3272A1 #3A85BB #A16032 #BB703A #C58456 #5696C5

Analogous Palette

#4B958F #52A39C #377DB0 #3A85BB #5259A3 #6268A7

Triadic Palette

#3375A5 #3A85BB #C82D87 #CF4695 #87C82D #77B028

Split Complementary Palette

#3478A8 #3A85BB #BB3A44 #C24E57 #BBB03A #A89E34

Square Palette

#31709D #3A85BB #A646AF #AF7246 #44BB3A #62C65A

Tetradic Palette

#306D99 #3A85BB #6C23D1 #BB703A #89D123 #9ED94B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3A85BB contains 58 red, 133 green, and 187 blue.

Contrast Ratio: 3.96:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.31:1