#6A9F96 Color

Color Information

HEX#6A9F96
RGB106, 159, 150
HSL170° , 22% , 52%
HSV170° , 33% , 62%
CMYK33%, 0%, 6%, 38%

Lighter Shades

#7CABA3 #8EB6AF #A0C2BC #B2CDC8 #C3D9D5 #D5E4E2

Darker Shades

#5D8C84 #517972 #446660 #37534E #2A403C #1E2D2A

Complementary Palette

#5B8981 #6A9F96 #8A5B63 #A06A73 #AD7F87 #7FACA5

Analogous Palette

#688D74 #72977E #64958D #6A9F96 #728B97 #7E94A0

Triadic Palette

#5D8C84 #6A9F96 #9F5DAC #AB70B6 #AC9F5D #978C52

Split Complementary Palette

#5F8F87 #6A9F96 #A06A8E #AA7999 #A07C6A #90705F

Square Palette

#59867E #6A9F96 #7E7297 #977278 #8EA06A #A0AF82

Tetradic Palette

#57827B #6A9F96 #5464B6 #A06A73 #B6A554 #C3B573

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A9F96 contains 106 red, 159 green, and 150 blue.

Contrast Ratio: 2.95:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.13:1