#2E313E Color

Color Information

HEX#2E313E
RGB46, 49, 62
HSL229° , 15% , 21%
HSV229° , 26% , 24%
CMYK26%, 21%, 0%, 76%

Lighter Shades

#474A55 #60626C #797B83 #92949B #ABADB2 #C4C5C9

Darker Shades

#282B37 #23252F #1D1F28 #181920 #121419 #0D0E11

Complementary Palette

#282A35 #2E313E #353328 #3E3B2E #59564B #4B4E59

Analogous Palette

#293338 #2E373E #2B2E3A #2E313E #332E3E #403B4F

Triadic Palette

#282B37 #2E313E #43282B #5A4244 #2B4328 #263B23

Split Complementary Palette

#292C38 #2E313E #3E332E #514743 #383E2E #323829

Square Palette

#272934 #2E313E #3E2E37 #3E3B2E #2E3E33 #4F5D54

Tetradic Palette

#262833 #2E313E #412447 #3E3B2E #284724 #4F684B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E313E contains 46 red, 49 green, and 62 blue.

Contrast Ratio: 13.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.54:1