#BAE42D Information

#BAE42D color RGB value is (186 , 228 , 45) , HEX triplet: ba, e4 and 2d. RGB value is (186 , 228 , 45). Sum of RGB (Red+Green+Blue) = 186+228+45=459 (Red value is 186 (72.94% from 255 or 86.51% from 215); Green value is 228 (89.41% from 255 or 106.05% from 215); Blue value is 45 (17.65% from 255 or 20.93% from 215); Max value from RGB is 228 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #BAE42D hue: 0.2 , saturation: 0.77 and the lightness value of bae42d is 0.54.

#bae42d
(186 , 228 , 45)
  • R (186)
  • G (228)
  • B (45)
  • C (16.47)
  • M (0)
  • Y (71.76)
  • K (10.59)

Applying the #bae42d

You are awesome !

If you don't really have a dream, you can't really push yourself you don't really know what the target is.

Shades & Tints

#b5df28
#b0da23
#abd51e
#a6d019
#a1cb14
#9cc60f
#97c10a
#92bc05
#8db700
#88b200
#83ad00
#7ea800
#c6f039
#d2fc45
#deff51
#eaff5d
#f6ff69
#ffff75
#ffff81
#ffff8d
#ffff99
#ffffa5
#ffffb1
#ffffbd

Color spaces of #bae42d

Type Values
RGB 186 228 45
HSL 0.2 0.77 0.54
HSV 74 80 89
CMYK 16.47 0 71.76 10.59
XYZ 48.4668 66.1154 12.6897
Hunter Lab 81.3114 -35.897 47.667
CIE-Lab 85.0552 -36.1242 76.5408

Base Numbers

BaseRedGreenBlue
Decimal 186 228 45
Binary 10111010 11100100 101101
Octal 272 344 55
Hex BA E4 2D

Monochromatic Colors

#d3fd46
#ecff5f
#ffff78
#ffff91
#ffffaa
#ffffc3

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#bae42d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#BAE42D Color CSS Codes

You are Awesome !!

Text Color Example

<p style="color:#bae42d">Text here</p>
You are Awesome !!

Background Color Example

<p style="background:#bae42d">Text here</p>
You are Awesome !!

Border Color Example

<p style="border:2px solid #bae42d">You are Awesome</p>
You are Awesome !!

Box & Text Shadow Color Example

<p style="text-shadow: 1px 1px 1px #bae42d;
box-shadow: 1px 1px 4px #bae42d">You are Awesome</p>