#BAD63D

Yellow Green

HEX

RGB

HSL

About #BAD63D Yellow Green

#BAD63D is a yellow green color. In the RGB color model, it is composed of 186 red, 214 green, and 61 blue. In the HSL color space, it has a hue of 71°, saturation of 65%, and lightness of 54%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code

Use #BAD63D in your CSS, SCSS, or Tailwind projects.

Color Properties

71°

Hue

65%

Saturation

54%

Lightness

Yellow Green

Color Harmonies

Colors that work well with #BAD63D based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #BAD63D against white and black backgrounds.

Aa#BAD63D on White
Contrast Ratio1.64:1
AA AA Large AAA
Aa#BAD63D on Black
Contrast Ratio12.77:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #BAD63D across different color formats.

FormatValue
HEX#BAD63D
RGBrgb(186, 214, 61)
HSLhsl(71, 65%, 54%)
RGB Decimal186, 214, 61
RGB Percent72.9%, 83.9%, 23.9%
CMYK (approx.)13%, 0%, 71%, 16%

Related Palettes

12 palettes using #BAD63D or similar colors

#A68026#BAD940#9CEB7A#BAF7C6
#A48528#B4DB3D#95ED78#BFF2CC
#AC7B20#BFD543#A2EA7B#BCF6C5
#AE801E#B9D445#A0E67F#BEF3C8
#B37B19#C1D544#A4EA7B#BFF3C6
#A68226#BCE039#9AEB7A#BDF5C9
#C3A622#BADE45#9FE779#ADF0B1
#C3A322#BDDE45#A1E779#ADF0B0
#AD771F#C4D543#A7E382#BDF5C3
#C3AB22#B5DE45#9CE779#ADF0B3
#BBC93D#6ED55C#67CBA3#619CBC
#B77615#C4D247#A6EF76#C0F2C5