ColorTool
Log in
#84E494

#84e494 ≈ Light Green

  • green
  • Lightness: high
  • Saturation: moderate
  • Balanced
Check contrast Explore in graph Random color

#84e494 is a color from the green family, with high lightness and moderate saturation. In the RGB model it is made of 51.76% red, 89.41% green and 58.04% blue; printed in CMYK it uses 42.11% cyan, 0% magenta, 35.09% yellow and 10.59% black. Its hue angle is 130°, with 64% saturation and 70.59% lightness in HSL. It sits between warm and cool, and is often associated with nature, health and balance. Designers typically use it for eco-friendly brands, health and wellness and brand accents. Black text on this color reaches a contrast ratio of 13.51:1 (WCAG AAA). The closest named color is Light Green (#90ee90), ΔE 3.31.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#99cc99
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.6253

Complementary

  1. #84e494
  2. #e484d4

Split complementary

  1. #84e494
  2. #c484e4
  3. #e484a4

Analogous

  1. #a4e484
  2. #84e494
  3. #84e4c4

Triadic

  1. #84e494
  2. #9484e4
  3. #e49484

Tetradic

  1. #84e494
  2. #84d4e4
  3. #e484d4
  4. #e49484

Square

  1. #84e494
  2. #84a4e4
  3. #e484d4
  4. #e4c484

Monochromatic

  1. #25aa3b
  2. #45d65d
  3. #84e494
  4. #c3f2cb
  5. #eefbf0

Shades

#84e494 mixed progressively with black.

  1. #84e494
  2. #77cd85
  3. #6ab676
  4. #5ca068
  5. #4f8959
  6. #42724a
  7. #355b3b
  8. #28442c
  9. #1a2e1e
  10. #0d170f
  11. #000000

Tints

#84e494 mixed progressively with white.

  1. #84e494
  2. #90e79f
  3. #9de9a9
  4. #a9ecb4
  5. #b5efbf
  6. #c2f2ca
  7. #cef4d4
  8. #daf7df
  9. #e6faea
  10. #f3fcf4
  11. #ffffff

Tones

#84e494 mixed progressively with gray.

  1. #84e494
  2. #84da92
  3. #83d090
  4. #83c68e
  5. #82bc8c
  6. #82b28a
  7. #82a888
  8. #819e86
  9. #819484
  10. #808a82
  11. #808080

Readable text 1.55:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 13.51:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #cfcfcf ≈ 0.003% of males
Achromatomaly #b6d8ba ≈ 0.001% of males
Protanopia #e6d58f ≈ 1.01% of males
Deuteranopia #d8cb99 ≈ 1.27% of males
Tritanopia #75e0d0 ≈ 0.0001% of males
Protanomaly #c6db91 ≈ 1.08% of males
Deuteranomaly #bcd697 ≈ 4.63% of males
Tritanomaly #7be2bb ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-84e494 {
  color: #84e494;
}
Background
.bg-84e494 {
  background-color: #84e494;
  color: #000000;
}
Border
.border-84e494 {
  border: 2px solid #84e494;
}
CSS variables
:root {
  --color-primary: #84e494;
  --color-primary-rgb: 132 228 148;
  --color-primary-hsl: 130 64% 71%;
}
Gradient
.gradient-84e494 {
  background: linear-gradient(135deg, #84e494, #84e4c4);
}
Colored shadow
.shadow-84e494 {
  box-shadow: 0 8px 24px rgb(132 228 148 / 0.35);
}

#90ee90 Light Green ΔE 3.31 #77dd77 Pastel Green ΔE 4.24 #a8e4a0 Granny Smith Apple ΔE 4.92 #98fb98 Pale Green ΔE 5.68 #98ff98 Mint Green ΔE 6.53 #ace1af Celadon ΔE 7.39 #50c878 Emerald ΔE 7.90 #7b1b6b Inverted #cfcfcf Grayscale 

Light Green
#84e494  rgb(132, 228, 148)  hsl(130, 64%, 71%)  Light Green
#e484d4  rgb(228, 132, 212)  hsl(310, 64%, 71%)  Violet
#9484e4  rgb(148, 132, 228)  hsl(250, 64%, 71%)  Medium Purple
#e49484  rgb(228, 148, 132)  hsl(10, 64%, 71%)  Dark Salmon