#3BA2BF Color

Color Information

HEX#3BA2BF
RGB59, 162, 191
HSL193° , 53% , 49%
HSV193° , 69% , 75%
CMYK69%, 15%, 0%, 25%

Lighter Shades

#53ADC7 #6AB8CE #82C3D6 #99CFDE #B1DAE5 #C8E5ED

Darker Shades

#348FA8 #2D7B91 #26687A #1F5463 #18414C #112D35

Complementary Palette

#338BA4 #3BA2BF #A44B33 #BF573B #C86F56 #56AFC8

Analogous Palette

#4D9983 #54A68F #3798B4 #3BA2BF #546BA6 #6277AC

Triadic Palette

#348FA8 #3BA2BF #CC2EAA #D247B4 #AACC2E #96B428

Split Complementary Palette

#3592AC #3BA2BF #BF3B60 #C54F70 #BF9A3B #AC8B35

Square Palette

#3288A0 #3BA2BF #9447B3 #B35F47 #60BF3B #79C95A

Tetradic Palette

#30859D #3BA2BF #4B24D6 #BF573B #AFD624 #BDDD4B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3BA2BF contains 59 red, 162 green, and 191 blue.

Contrast Ratio: 2.91:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.21:1