#BAF080 Color

Color Information

HEX#BAF080
RGB186, 240, 128
HSL89° , 79% , 72%
HSV89° , 47% , 94%
CMYK23%, 0%, 47%, 6%

Lighter Shades

#C2F28F #CBF49E #D3F5AE #DBF7BD #E3F9CC #ECFBDB

Darker Shades

#A4D371 #8DB661 #779A52 #617D43 #4A6033 #344324

Complementary Palette

#A0CE6E #BAF080 #9D6DCE #B67FF0 #C091F2 #C4F292

Analogous Palette

#CBCA86 #E2E08D #AFE278 #BAF080 #8FE28D #97E496

Triadic Palette

#A4D371 #BAF080 #78BAF7 #88C2F8 #F778BA #D96AA4

Split Complementary Palette

#A7D873 #BAF080 #7F81F0 #8C8EF2 #EE7FF0 #D672D8

Square Palette

#9CCA6C #BAF080 #86E9E7 #B686E9 #F07F81 #F29395

Tetradic Palette

#99C569 #BAF080 #72FDB5 #B67FF0 #FD72BA #FD8BC6

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAF080 contains 186 red, 240 green, and 128 blue.

Contrast Ratio: 1.32:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 15.96:1