#408EC2 Color

Color Information

HEX#408EC2
RGB64, 142, 194
HSL204° , 52% , 51%
HSV204° , 67% , 76%
CMYK67%, 27%, 0%, 24%

Lighter Shades

#579CC9 #6EA9D1 #85B7D8 #9CC4DF #B3D2E7 #CADFEE

Darker Shades

#387DAB #316C93 #295B7C #214A65 #1A394E #122836

Complementary Palette

#377AA7 #408EC2 #A86538 #C37541 #CB885C #5B9ECB

Analogous Palette

#549C95 #5AAAA2 #3C85B6 #408EC2 #5A62AA #686FB1

Triadic Palette

#387DAB #408EC2 #D03592 #D64D9F #92D035 #80B72F

Split Complementary Palette

#3A80AF #408EC2 #C3414E #C95460 #C3B641 #B0A43B

Square Palette

#3677A3 #408EC2 #AC4EB7 #B7784E #4EC341 #6ACD5F

Tetradic Palette

#34749F #408EC2 #712BDA #C37541 #94DA2B #A7E151

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #408EC2 contains 64 red, 142 green, and 194 blue.

Contrast Ratio: 3.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.94:1