#3485A2 Color

Color Information

HEX	#3485A2
RGB	52, 133, 162
HSL	196° , 51% , 42%
HSV	196° , 68% , 64%
CMYK	68%, 18%, 0%, 36%

Lighter Shades

#4C94AD #65A2B8 #7DB1C3 #95C0CF #AECEDA #C6DDE5

Darker Shades

#2E758F #28657B #215568 #1B4554 #153541 #0F252D

Complementary Palette

#2D728B #3485A2 #8B472D #A25234 #AF6A50 #5096AF

Analogous Palette

#458274 #4A8C7D #317D98 #3485A2 #4A598C #5A6790

Triadic Palette

#2E758F #3485A2 #AC2A8A #B64498 #8AAC2A #799725

Split Complementary Palette

#2F7892 #3485A2 #A2344E #AB4860 #A28834 #927A2F

Square Palette

#2C7088 #3485A2 #833F97 #97573F #4EA234 #6AB154

Tetradic Palette

#2B6D85 #3485A2 #4921B5 #A25234 #8EB521 #A2C249

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3485A2 contains 52 red, 133 green, and 162 blue.

Contrast Ratio: 4.14:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.08:1