Color picker

#bad063

Conversion

HEX#bad063
HEX8#bad063ff
RGBrgb(186, 208, 99)
CMYK[0.11,0,0.52,0.18]
Name#bad063
HCL[114.62,56.09,79.87]
oklab[0.82,-0.07,0.12]
Num12243043
HSI[71,0.4,0.64]
lab[79.87,-23.37,50.99]
Lighten
#dde8b1
Darken
#879e2f
Saturate
#c6e44f
Desaturate
#aebc77
Greyscale
#999999
Brighten
#edff96

Color harmonies of #bad063

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.
#bad063
#63bad0
#d063ba

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.
#bad063
#63d0af
#7963d0
#d06383

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.
#bad063
#e0fa77
#222612
#485026
#6e7b3b
#94a54f

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.
#bad063
#d0ba63
#d0d063
#bad063
#a4d063
#8ed063

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#bad063
#63d08f
#ba63d0

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
#fafcf4
#f5f8e9
#f0f5de
#ebf2d2
#e6eec7
#e1ebbc
#dde8b1
#d8e4a6
#d3e19b
#cedd90
#c9da84
#c4d779
#bfd36e
#bad063

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0f07
#1b1e0e
#282d15
#353b1c
#424a23
#50592a
#5d6832
#6a7739
#788640
#859547
#92a34e
#9fb255
#adc15c
#bad063

Contrast Checker

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

1.709 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!
12.29 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 #bad063

Some examples of color palettes with #bad063. View more

Use #bad063 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet