#2E3255 Color

Color Information

HEX#2E3255
RGB46, 50, 85
HSL234° , 30% , 26%
HSV234° , 46% , 33%
CMYK46%, 41%, 0%, 67%

Lighter Shades

#474B69 #60637E #797C92 #9294A7 #ABADBB #C4C6CF

Darker Shades

#282C4B #232641 #1D2036 #181A2C #121422 #0D0E18

Complementary Palette

#282B49 #2E3255 #4A4728 #56522E #6E6A4B #4B4F6D

Analogous Palette

#343F46 #38444C #2B2F50 #2E3255 #40384C #4F455E

Triadic Palette

#282C4B #2E3255 #5D282D #704246 #2D5D28 #285223

Split Complementary Palette

#292D4D #2E3255 #563E2E #675143 #46562E #3F4D29

Square Palette

#272A47 #2E3255 #503545 #504D35 #2E563E #4F715D

Tetradic Palette

#262946 #2E3255 #5C2262 #56522E #296222 #507E4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E3255 contains 46 red, 50 green, and 85 blue.

Contrast Ratio: 12.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.62:1