#2A6465 Color

Color Information

HEX#2A6465
RGB42, 100, 101
HSL181° , 41% , 28%
HSV181° , 58% , 40%
CMYK58%, 1%, 0%, 60%

Lighter Shades

#447777 #5D898A #779C9C #90AEAF #AAC1C1 #C3D4D4

Darker Shades

#255859 #204C4D #1B4041 #163435 #112828 #0C1C1C

Complementary Palette

#245657 #2A6465 #572524 #652B2A #7B4948 #487A7B

Analogous Palette

#345042 #385648 #275E5F #2A6465 #384656 #4A5664

Triadic Palette

#255859 #2A6465 #6C236B #7E3D7D #6B6C23 #5E5F1F

Split Complementary Palette

#265A5B #2A6465 #652A46 #743F59 #65482A #5B4126

Square Palette

#235455 #2A6465 #48315E #5E3231 #46652A #647E4C

Tetradic Palette

#225253 #2A6465 #1F1D72 #652B2A #70721D #8A8B46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6465 contains 42 red, 100 green, and 101 blue.

Contrast Ratio: 6.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.09:1