#2E3070 Color

Color Information

HEX#2E3070
RGB46, 48, 112
HSL238° , 42% , 31%
HSV238° , 59% , 44%
CMYK59%, 57%, 0%, 56%

Lighter Shades

#474981 #606292 #797BA3 #9293B5 #ABACC6 #C4C5D7

Darker Shades

#282A63 #232455 #1D1F48 #18193A #12132D #0D0D1F

Complementary Palette

#282960 #2E3070 #605F28 #706E2E #84824B #4B4D84

Analogous Palette

#384857 #3E5060 #2B2D69 #2E3070 #4E3E60 #5B4E6A

Triadic Palette

#282A63 #2E3070 #782629 #884043 #297826 #246A21

Split Complementary Palette

#292B65 #2E3070 #704D2E #7E5F43 #51702E #496529

Square Palette

#27285E #2E3070 #683651 #686736 #2E704D #4F8769

Tetradic Palette

#26275C #2E3070 #7B207E #706E2E #237E20 #4B9548

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E3070 contains 46 red, 48 green, and 112 blue.

Contrast Ratio: 12.37:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.7:1