#2A6075 Color

Color Information

HEX#2A6075
RGB42, 96, 117
HSL197° , 47% , 31%
HSV197° , 64% , 46%
CMYK64%, 18%, 0%, 54%

Lighter Shades

#447386 #5D8696 #7799A7 #90ACB7 #AABFC8 #C3D2D8

Darker Shades

#255467 #204959 #1B3D4B #16323D #11262F #0C1B21

Complementary Palette

#245365 #2A6075 #643624 #743F2A #875A48 #487688

Analogous Palette

#365E55 #3A645B #275A6E #2A6075 #3A4364 #4C536B

Triadic Palette

#255467 #2A6075 #7C2263 #8C3D76 #637C22 #576D1E

Split Complementary Palette

#265669 #2A6075 #742A3A #823F4E #74642A #685A26

Square Palette

#235162 #2A6075 #60326C #6C4232 #3A742A #5A8A4C

Tetradic Palette

#224F60 #2A6075 #391C82 #743F2A #65821C #819945

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6075 contains 42 red, 96 green, and 117 blue.

Contrast Ratio: 6.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.01:1