#334CA5 Color

Color Information

HEX#334CA5
RGB51, 76, 165
HSL227° , 53% , 42%
HSV227° , 69% , 65%
CMYK69%, 54%, 0%, 35%

Lighter Shades

#4B61B0 #6477BB #7C8CC5 #95A2D0 #ADB7DB #C6CDE6

Darker Shades

#2D4391 #273A7D #21316A #1B2856 #141E42 #0E152E

Complementary Palette

#2C418E #334CA5 #8D782B #A48B32 #B19B4F #5065B2

Analogous Palette

#437284 #487A8E #30479B #334CA5 #5C488E #6A5991

Triadic Palette

#2D4391 #334CA5 #AF2845 #B9425B #45AF28 #3D9A23

Split Complementary Palette

#2E4495 #334CA5 #A45332 #AD6447 #84A432 #77942D

Square Palette

#2B408B #334CA5 #993D7F #99853D #32A453 #53B36F

Tetradic Palette

#2A3E87 #334CA5 #961FB7 #A48B32 #40B71F #62C447

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #334CA5 contains 51 red, 76 green, and 165 blue.

Contrast Ratio: 7.85:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.67:1