#4076C2 Color

Color Information

HEX#4076C2
RGB64, 118, 194
HSL215° , 52% , 51%
HSV215° , 67% , 76%
CMYK67%, 39%, 0%, 24%

Lighter Shades

#5786C9 #6E97D1 #85A7D8 #9CB8DF #B3C8E7 #CAD9EE

Darker Shades

#3868AB #315A93 #294C7C #213D65 #1A2F4E #122136

Complementary Palette

#3765A7 #4076C2 #A87938 #C38D41 #CB9D5C #5B89CB

Analogous Palette

#54969C #5AA3AA #3C6FB6 #4076C2 #615AAA #6E68B1

Triadic Palette

#3868AB #4076C2 #D03575 #D64D86 #75D035 #67B72F

Split Complementary Palette

#3A6AAF #4076C2 #C34C41 #C95E54 #B8C341 #A6B03B

Square Palette

#3663A3 #4076C2 #B74EAE #B78B4E #41C34C #5FCD69

Tetradic Palette

#34619F #4076C2 #912BDA #C38D41 #73DA2B #8CE151

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #4076C2 contains 64 red, 118 green, and 194 blue.

Contrast Ratio: 4.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.62:1