#334B70 Color

Color Information

HEX#334B70
RGB51, 75, 112
HSL216° , 37% , 32%
HSV216° , 54% , 44%
CMYK54%, 33%, 0%, 56%

Lighter Shades

#4B6181 #647692 #7C8CA3 #95A1B5 #ADB7C6 #C6CDD7

Darker Shades

#2D4263 #273955 #213048 #1B273A #141E2D #0E151F

Complementary Palette

#2C4160 #334B70 #604C2C #705833 #846F50 #506484

Analogous Palette

#3D5457 #445D5F #304769 #334B70 #47445F #53506D

Triadic Palette

#2D4263 #334B70 #782B4B #884461 #4B782B #426A26

Split Complementary Palette

#2E4465 #334B70 #703933 #7E4D47 #6A7033 #5F652E

Square Palette

#2B3F5E #334B70 #683C63 #68563C #337039 #548759

Tetradic Palette

#2A3E5C #334B70 #5B257E #705833 #4A7E25 #6B954C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #334B70 contains 51 red, 75 green, and 112 blue.

Contrast Ratio: 9.02:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.33:1