#2E7185 Color

Color Information

HEX#2E7185
RGB46, 113, 133
HSL194° , 49% , 35%
HSV194° , 65% , 52%
CMYK65%, 15%, 0%, 48%

Lighter Shades

#478294 #6093A2 #79A4B1 #92B5C0 #ABC6CE #C4D7DD

Darker Shades

#286375 #235665 #1D4855 #183B45 #122D35 #0D2025

Complementary Palette

#286172 #2E7185 #723928 #85422E #965C4B #4B8596

Analogous Palette

#3A695D #3F7365 #2B6A7D #2E7185 #3F4D73 #535D79

Triadic Palette

#286375 #2E7185 #8E2575 #9C3F86 #758E25 #677D21

Split Complementary Palette

#296678 #2E7185 #852E45 #914358 #856E2E #786329

Square Palette

#275F70 #2E7185 #69367C #7C4736 #45852E #63994F

Tetradic Palette

#265D6D #2E7185 #391D95 #85422E #79951D #91A846

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E7185 contains 46 red, 113 green, and 133 blue.

Contrast Ratio: 5.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.83:1