#00BC97 Color

Color Information

HEX#00BC97
RGB0, 188, 151
HSL168° , 100% , 37%
HSV168° , 100% , 74%
CMYK100%, 0%, 20%, 26%

Lighter Shades

#1FC4A3 #3DCCB0 #5CD4BC #7ADCC9 #99E4D5 #B8ECE2

Darker Shades

#00A585 #008F73 #007861 #00624F #004B3C #00352A

Complementary Palette

#00A282 #00BC97 #A30021 #BD0026 #C62444 #24C5A6

Analogous Palette

#119C3B #13AA40 #00B18E #00BC97 #137DAA #2A85AC

Triadic Palette

#00A585 #00BC97 #9700BD #A31FC5 #BD9700 #A68500

Split Complementary Palette

#00A988 #00BC97 #BD0084 #C41A90 #BD3900 #AA3300

Square Palette

#009E7F #00BC97 #3C09B3 #B3092B #84BD00 #98C829

Tetradic Palette

#009A7C #00BC97 #0026BD #BD0026 #BD9700 #C9AA2E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #00BC97 contains 0 red, 188 green, and 151 blue.

Contrast Ratio: 2.39:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.77:1