#2E669E Color

Color Information

HEX	#2E669E
RGB	46, 102, 158
HSL	210° , 55% , 40%
HSV	210° , 71% , 62%
CMYK	71%, 35%, 0%, 38%

Lighter Shades

#4778AA #608BB5 #799DC1 #92AFCD #ABC2D8 #C4D4E4

Darker Shades

#285A8B #234E78 #1D4165 #183552 #12293F #0D1D2C

Complementary Palette

#285888 #2E669E #885828 #9E662E #AC7B4B #4B7BAC

Analogous Palette

#3D7F7F #428A8A #2B6095 #2E669E #42428A #56568F

Triadic Palette

#285A8B #2E669E #A82466 #B23E78 #66A824 #5A9420

Split Complementary Palette

#295C8E #2E669E #9E2E2E #A84343 #9E9E2E #8E8E29

Square Palette

#275685 #2E669E #943894 #946638 #2E9E2E #4FAE4F

Tetradic Palette

#265482 #2E669E #661CB0 #9E662E #66B01C #82BE45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E669E contains 46 red, 102 green, and 158 blue.

Contrast Ratio: 5.99:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.51:1