ColorTool
Log in
#ACF886

#acf886 ≈ Pale Green

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

#acf886 is a color from the green family, with high lightness and moderate saturation. In the RGB model it is made of 67.45% red, 97.25% green and 52.55% blue; printed in CMYK it uses 30.65% cyan, 0% magenta, 45.97% yellow and 2.75% black. Its hue angle is 100°, with 89.06% saturation and 74.9% 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 call-to-action buttons. Black text on this color reaches a contrast ratio of 16.53:1 (WCAG AAA). The closest named color is Pale Green (#98fb98), ΔE 4.38.

Description generated from the measured properties of this color.

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

Complementary

  1. #acf886
  2. #d286f8

Split complementary

  1. #acf886
  2. #9986f8
  3. #f886e5

Analogous

  1. #e5f886
  2. #acf886
  3. #86f899

Triadic

  1. #acf886
  2. #86acf8
  3. #f886ac

Tetradic

  1. #acf886
  2. #86f8d2
  3. #d286f8
  4. #f886ac

Square

  1. #acf886
  2. #86e5f8
  3. #d286f8
  4. #f89986

Monochromatic

  1. #51d80d
  2. #7af43e
  3. #acf886
  4. #defcce
  5. #f2feec

Shades

#acf886 mixed progressively with black.

  1. #acf886
  2. #9bdf79
  3. #8ac66b
  4. #78ae5e
  5. #679550
  6. #567c43
  7. #456336
  8. #344a28
  9. #22321b
  10. #11190d
  11. #000000

Tints

#acf886 mixed progressively with white.

  1. #acf886
  2. #b4f992
  3. #bdf99e
  4. #c5faaa
  5. #cdfbb6
  6. #d6fcc3
  7. #defccf
  8. #e6fddb
  9. #eefee7
  10. #f7fef3
  11. #ffffff

Tones

#acf886 mixed progressively with gray.

  1. #acf886
  2. #a8ec85
  3. #a3e085
  4. #9fd484
  5. #9ac884
  6. #96bc83
  7. #92b082
  8. #8da482
  9. #899881
  10. #848c81
  11. #808080

Readable text 1.27:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 16.53:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #e4e4e4 ≈ 0.003% of males
Achromatomaly #d0ecc5 ≈ 0.001% of males
Protanopia #ffe87d ≈ 1.01% of males
Deuteranopia #f4e28d ≈ 1.27% of males
Tritanopia #aaf1dd ≈ 0.0001% of males
Protanomaly #e3ef81 ≈ 1.08% of males
Deuteranomaly #dbeb8a ≈ 4.63% of males
Tritanomaly #abf4c0 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-acf886 {
  color: #acf886;
}
Background
.bg-acf886 {
  background-color: #acf886;
  color: #000000;
}
Border
.border-acf886 {
  border: 2px solid #acf886;
}
CSS variables
:root {
  --color-primary: #acf886;
  --color-primary-rgb: 172 248 134;
  --color-primary-hsl: 100 89% 75%;
}
Gradient
.gradient-acf886 {
  background: linear-gradient(135deg, #acf886, #86f899);
}
Colored shadow
.shadow-acf886 {
  box-shadow: 0 8px 24px rgb(172 248 134 / 0.35);
}

#98fb98 Pale Green ΔE 4.38 #98ff98 Mint Green ΔE 4.40 #90ee90 Light Green ΔE 5.17 #b2ec5d Inchworm ΔE 5.94 #77dd77 Pastel Green ΔE 7.96 #a8e4a0 Granny Smith Apple ΔE 8.02 #adff2f Green Yellow ΔE 9.01 #530779 Inverted #e4e4e4 Grayscale 

Pale Green
#acf886  rgb(172, 248, 134)  hsl(100, 89%, 75%)  Pale Green
#d286f8  rgb(210, 134, 248)  hsl(280, 89%, 75%)  Heliotrope
#86acf8  rgb(134, 172, 248)  hsl(220, 89%, 75%)  Iceberg
#f886ac  rgb(248, 134, 172)  hsl(340, 89%, 75%)  Flamingo Pink