#335E95 Color

Color Information

HEX	#335E95
RGB	51, 94, 149
HSL	214° , 49% , 39%
HSV	214° , 66% , 58%
CMYK	66%, 37%, 0%, 42%

Lighter Shades

#4B71A2 #6485AE #7C98BB #95ABC8 #ADBFD5 #C6D2E1

Darker Shades

#2D5383 #274771 #213C5F #1B314D #14263C #0E1A2A

Complementary Palette

#2C5180 #335E95 #7F5B2C #946A33 #A37F50 #5075A4

Analogous Palette

#417476 #477C80 #30588C #335E95 #4A4780 #5D5A87

Triadic Palette

#2D5383 #335E95 #9E295C #AA4370 #5C9E29 #518B24

Split Complementary Palette

#2E5586 #335E95 #943933 #9F4D47 #8E9433 #80852E

Square Palette

#2B4F7D #335E95 #8A3D85 #8A693D #339439 #54A559

Tetradic Palette

#2A4D7A #335E95 #6C21A6 #946A33 #5BA621 #79B649

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #335E95 contains 51 red, 94 green, and 149 blue.

Contrast Ratio: 6.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.16:1