⤺ color picker

#baf57f Color Hex

Hex color #baf57f, RGB(186, 245, 127) - code, conversions, schemes and color harmonies, as well as examples of use in HTML and CSS.

The hex color code #baf57f is a shade of green-yellow. In a RGB color space it is composed of 72.94% red, 96.08% green and 49.8% blue. In HSL notation it has 90° hue, 85.5% saturation and 72.9% lightness. The process color (CMYK) is combination of 24.08% cyan, 0% magenta, 48.16% yellow and 3.92% key (black). The closest short hexadecimal code of #baf57f is #bf7.

Color information

  • #baf57f is a shade of green-yellow.
  • Green is dominant among the three primary colors (RGB).
  • CMYK color proportions:
    • Cyan: 24.08%
    • Magenta: 0%
    • Yellow: 48.16%
    • Key color - black: 3.92%
  • In the HSL model coordinates are:
    • Hue: 90° degrees
    • Saturation: 85.5%
    • Lightness: 72.9%
  • The values in the RGB color space are:
    • Red: 186 (72.94%)
    • Green: 245 (96.08%)
    • Blue: 127 (49.8%)


C: 24.08%, M: 0%, Y: 48.16%, K: 3.92%
R: 186, G: 245, B: 127
H: 90°, S: 85.5%, L: 72.9%

Color harmonies

#baf57f color HTML and CSS codes

Example CSS code:

.setFontColor { color: #baf57f; }
.setBackgroundColor { background-color: #baf57f; }

#baf57f text/font color

How to set font color?

<p style="color:#baf57f">Font color is #baf57f.</p>

Font color is #baf57f.

Red was ruby, green was fluorescent, yellow was simply incandescent. Color was life. Color was everything. Color, you see, was the universal sign of magic.
- Tahereh Mafi, Furthermore

#baf57f background color

How to set background color?

<div style="background-color:#baf57f">Background color is #baf57f.</div>

Background color is #baf57f.

When you photograph people in color, you photograph their clothes. But when you photograph people in Black and white, you photograph their souls!
- Ted Grant