Color picker

#bae561

Conversion

HEX#bae561
HEX8#bae561ff
RGBrgb(186, 229, 97)
CMYK[0.19,0,0.58,0.1]
Name#bae561
HCL[119.76,67.47,85.68]
oklab[0.87,-0.1,0.14]
Num12248417
HSI[78.62,0.43,0.67]
lab[85.68,-33.48,58.57]
Lighten
#e0f3b9
Darken
#8cc020
Saturate
#c0f74f
Desaturate
#b4d373
Greyscale
#a3a3a3
Brighten
#edff94

Color harmonies of #bae561

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#bae561
#61bae5
#e561ba

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#bae561
#61e5ce
#8c61e5
#e56178

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#bae561
#0d1007
#303b19
#52652b
#75903d
#97ba4f

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#bae561
#e5db61
#d4e561
#bae561
#a0e561
#85e561

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#bae561
#61e5a6
#db61e5

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#fafdf4
#f5fbe8
#f0f9dd
#ebf8d2
#e6f6c7
#e1f4bb
#ddf2b0
#d8f0a5
#d3ee99
#ceec8e
#c9eb83
#c4e978
#bfe76c
#bae561

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d1007
#1b210e
#283115
#35411c
#425223
#50622a
#5d7331
#6a8337
#78933e
#85a445
#92b44c
#9fc453
#add55a
#bae561

Contrast Checker

Verify the contrast of a #bae561 colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

1.451 Very Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
14.468 Super When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #bae561

Some examples of color palettes with #bae561. View more

Use #bae561 in CSS

#bae561 as Background Color in CSS
<div style="background-color:#bae561">Background Color</div>
#bae561 as Text Color in CSS
<div style="color:#bae561">Text Color</div>
#bae561 as Border Color in CSS
<div style="border-color:#bae561">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet