#397DA2 Color

Color Information

HEX#397DA2
RGB57, 125, 162
HSL201° , 48% , 43%
HSV201° , 65% , 64%
CMYK65%, 23%, 0%, 36%

Lighter Shades

#518DAD #699CB8 #80ACC3 #98BBCF #B0CBDA #C8DBE5

Darker Shades

#326E8F #2B5F7B #245068 #1E4154 #173241 #10232D

Complementary Palette

#316C8B #397DA2 #8B5131 #A25E39 #AF7555 #558FAF

Analogous Palette

#487F77 #4F8C83 #367698 #397DA2 #4F588C #606790

Triadic Palette

#326E8F #397DA2 #AD2E81 #B74790 #81AD2E #729828

Split Complementary Palette

#337192 #397DA2 #A23949 #AB4D5B #A29239 #928333

Square Palette

#306988 #397DA2 #8B4497 #976144 #49A239 #66B159

Tetradic Palette

#2F6785 #397DA2 #5825B6 #A25E39 #83B625 #99C34C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #397DA2 contains 57 red, 125 green, and 162 blue.

Contrast Ratio: 4.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.67:1