#2E4453 Color

Color Information

HEX#2E4453
RGB46, 68, 83
HSL204° , 29% , 25%
HSV204° , 45% , 33%
CMYK45%, 18%, 0%, 67%

Lighter Shades

#475A68 #60717C #798791 #929EA6 #ABB4BA #C4CBCF

Darker Shades

#283C49 #23343F #1D2C35 #18232B #121B21 #0D1317

Complementary Palette

#283A47 #2E4453 #473427 #523C2D #6A574A #4B5E6B

Analogous Palette

#324342 #364948 #2B404E #2E4453 #363849 #43455B

Triadic Palette

#283C49 #2E4453 #592745 #6D415B #455927 #3D4E22

Split Complementary Palette

#293D4B #2E4453 #522D31 #634246 #524F2D #4A4729

Square Palette

#273946 #2E4453 #4A344C #4C3D34 #31522D #526E4F

Tetradic Palette

#263844 #2E4453 #3A225E #523C2D #465E22 #677B4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4453 contains 46 red, 68 green, and 83 blue.

Contrast Ratio: 10.49:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2:1