#3AF2B2 Color

Color Information

HEX#3AF2B2
RGB58, 242, 178
HSL159° , 88% , 59%
HSV159° , 76% , 95%
CMYK76%, 0%, 26%, 5%

Lighter Shades

#52F4BB #69F5C4 #81F7CE #99F8D7 #B0FAE0 #C8FBE9

Darker Shades

#33D59D #2CB887 #259B72 #1E7E5D #176147 #104432

Complementary Palette

#32D099 #3AF2B2 #D0326A #F23A7B #F4568D #56F4BD

Analogous Palette

#4CC85E #4FDE65 #37E3A7 #3AF2B2 #4FC8DE #5CCCE0

Triadic Palette

#33D59D #3AF2B2 #B530FD #BE49FD #FDB530 #DF9F2A

Split Complementary Palette

#34DAA0 #3AF2B2 #F23AD7 #F34EDB #F2563A #DA4D34

Square Palette

#31CB96 #3AF2B2 #5D45E8 #E8457E #D7F23A #DDF45A

Tetradic Palette

#30C692 #3AF2B2 #2E77FF #F23A7B #FFB62E #FFC354

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AF2B2 contains 58 red, 242 green, and 178 blue.

Contrast Ratio: 1.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.57:1