#2A7F8E Color

Color Information

HEX#2A7F8E
RGB42, 127, 142
HSL189° , 54% , 36%
HSV189° , 70% , 56%
CMYK70%, 11%, 0%, 44%

Lighter Shades

#448E9C #5D9EA9 #77ADB7 #90BCC4 #AACCD2 #C3DBDF

Darker Shades

#25707D #20616C #1B515B #16424A #113339 #0C2428

Complementary Palette

#246D7A #2A7F8E #793124 #8D392A #9D5548 #48919E

Analogous Palette

#38715D #3D7B65 #277785 #2A7F8E #3D527B #4F6182

Triadic Palette

#25707D #2A7F8E #972187 #A33C95 #879721 #77851D

Split Complementary Palette

#267280 #2A7F8E #8D2A4D #983F5F #8D6B2A #7F6026

Square Palette

#236B77 #2A7F8E #683384 #844033 #4D8D2A #699F4C

Tetradic Palette

#226874 #2A7F8E #2E1A9E #8D392A #8C9E1A #A1AF43

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A7F8E contains 42 red, 127 green, and 142 blue.

Contrast Ratio: 4.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.57:1