#ACFD30 Information

#ACFD30 color RGB value is (172 , 253 , 48) , HEX triplet: ac, fd and 30. RGB value is (172 , 253 , 48). Sum of RGB (Red+Green+Blue) = 172+253+48=473 (Red value is 172 (67.45% from 255 or 80% from 215); Green value is 253 (99.22% from 255 or 117.67% from 215); Blue value is 48 (18.82% from 255 or 22.33% from 215); Max value from RGB is 253 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #ACFD30 hue: 0.23 , saturation: 0.98 and the lightness value of acfd30 is 0.59.

#acfd30
(172 , 253 , 48)
  • R (172)
  • G (253)
  • B (48)
  • C (31.76)
  • M (0)
  • Y (80.39)
  • K (0.78)

Applying the #acfd30

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

#a7f82b
#a2f326
#9dee21
#98e91c
#93e417
#8edf12
#89da0d
#84d508
#7fd003
#7acb00
#75c600
#70c100
#b8ff3c
#c4ff48
#d0ff54
#dcff60
#e8ff6c
#f4ff78
#ffff84
#ffff90
#ffff9c
#ffffa8
#ffffb4
#ffffc0

Color spaces of #acfd30

Type Values
RGB 172 253 48
HSL 0.23 0.98 0.59
HSV 84 81 99
CMYK 31.76 0 80.39 0.78
XYZ 52.672 79.2346 15.314
Hunter Lab 89.0138 -50.1501 52.1116
CIE-Lab 91.3403 -51.9809 81.0601

Base Numbers

BaseRedGreenBlue
Decimal 172 253 48
Binary 10101100 11111101 110000
Octal 254 375 60
Hex AC FD 30

Monochromatic Colors

#c5ff49
#deff62
#f7ff7b
#ffff94
#ffffad
#ffffc6

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#acfd30 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#ACFD30 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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