#84E4DA Information

#84E4DA color RGB value is (132 , 228 , 218) , HEX triplet: 84, e4 and da. RGB value is (132 , 228 , 218). Sum of RGB (Red+Green+Blue) = 132+228+218=578 (Red value is 132 (51.76% from 255 or 61.4% from 215); Green value is 228 (89.41% from 255 or 106.05% from 215); Blue value is 218 (85.49% from 255 or 101.4% from 215); Max value from RGB is 228 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #84E4DA hue: 0.48 , saturation: 0.64 and the lightness value of 84e4da is 0.71.

#84e4da
(132 , 228 , 218)
  • R (132)
  • G (228)
  • B (218)
  • C (37.65)
  • M (0)
  • Y (3.92)
  • K (10.59)

Applying the #84e4da

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

#7fdfd5
#7adad0
#75d5cb
#70d0c6
#6bcbc1
#66c6bc
#61c1b7
#5cbcb2
#57b7ad
#52b2a8
#4dada3
#48a89e
#90f0e6
#9cfcf2
#a8fffe
#b4ffff
#c0ffff
#ccffff
#d8ffff
#e4ffff
#f0ffff
#fcffff
#ffffff

Color spaces of #84e4da

Type Values
RGB 132 228 218
HSL 0.48 0.64 0.71
HSV 174 42 89
CMYK 37.65 0 3.92 10.59
XYZ 49.914 65.4543 76.3329
Hunter Lab 80.9038 -31.4548 0.7118
CIE-Lab 84.7173 -30.7305 -4.0194

Base Numbers

BaseRedGreenBlue
Decimal 132 228 218
Binary 10000100 11100100 11011010
Octal 204 344 332
Hex 84 E4 DA

Monochromatic Colors

#9dfdf3
#b6ffff
#cfffff
#e8ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#84e4da Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#84E4DA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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