#2E6370 Color

Color Information

HEX	#2E6370
RGB	46, 99, 112
HSL	192° , 42% , 31%
HSV	192° , 59% , 44%
CMYK	59%, 12%, 0%, 56%

Lighter Shades

#477681 #608892 #799BA3 #92AEB5 #ABC1C6 #C4D3D7

Darker Shades

#285763 #234B55 #1D3F48 #18333A #12282D #0D1C1F

Complementary Palette

#285560 #2E6370 #603328 #703B2E #84564B #4B7984

Analogous Palette

#38574E #3E6056 #2B5D69 #2E6370 #3E4860 #4E566A

Triadic Palette

#285763 #2E6370 #782668 #88407A #687826 #5C6A21

Split Complementary Palette

#295965 #2E6370 #702E42 #7E4355 #705C2E #655329

Square Palette

#27535E #2E6370 #593668 #684036 #42702E #60874F

Tetradic Palette

#26515C #2E6370 #33207E #703B2E #6C7E20 #869548

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E6370 contains 46 red, 99 green, and 112 blue.

Contrast Ratio: 6.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.12:1