ColorTool
Log in
#97BD29

#97bd29 ≈ Apple Green

  • yellow-green
  • Lightness: medium
  • Saturation: strong
  • Balanced
Check contrast Explore in graph Random color

#97bd29 is a color from the yellow-green family, with medium lightness and strong saturation. In the RGB model it is made of 59.22% red, 74.12% green and 16.08% blue; printed in CMYK it uses 20.11% cyan, 0% magenta, 78.31% yellow and 25.88% black. Its hue angle is 75.41°, with 64.35% saturation and 45.1% lightness in HSL. It sits between warm and cool, and is often associated with freshness, growth and vitality. Designers typically use it for eco-friendly brands, health and wellness and brand accents. Black text on this color reaches a contrast ratio of 9.63:1 (WCAG AAA). The closest named color is Apple Green (#8db600), ΔE 2.5.

Description generated from the measured properties of this color.

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

Complementary

  1. #97bd29
  2. #4f29bd

Split complementary

  1. #97bd29
  2. #294dbd
  3. #9929bd

Analogous

  1. #bd9929
  2. #97bd29
  3. #4dbd29

Triadic

  1. #97bd29
  2. #2997bd
  3. #bd2997

Tetradic

  1. #97bd29
  2. #29bd4f
  3. #4f29bd
  4. #bd2997

Square

  1. #97bd29
  2. #29bd99
  3. #4f29bd
  4. #bd294d

Monochromatic

  1. #333f0e
  2. #657e1b
  3. #97bd29
  4. #b9db58
  5. #d3e897

Shades

#97bd29 mixed progressively with black.

  1. #97bd29
  2. #88aa25
  3. #799721
  4. #6a841d
  5. #5b7119
  6. #4c5f15
  7. #3c4c10
  8. #2d390c
  9. #1e2608
  10. #0f1304
  11. #000000

Tints

#97bd29 mixed progressively with white.

  1. #97bd29
  2. #a1c43e
  3. #acca54
  4. #b6d169
  5. #c1d77f
  6. #cbde94
  7. #d5e5a9
  8. #e0ebbf
  9. #eaf2d4
  10. #f5f8ea
  11. #ffffff

Tones

#97bd29 mixed progressively with gray.

  1. #97bd29
  2. #95b732
  3. #92b13a
  4. #90ab43
  5. #8ea54c
  6. #8c9f55
  7. #89985d
  8. #879266
  9. #858c6f
  10. #828677
  11. #808080

Readable text 2.18:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 9.63:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #afafaf ≈ 0.003% of males
Achromatomaly #a6b58d ≈ 0.001% of males
Protanopia #c8b100 ≈ 1.01% of males
Deuteranopia #c3af38 ≈ 1.27% of males
Tritanopia #9fb3a2 ≈ 0.0001% of males
Protanomaly #b7b615 ≈ 1.08% of males
Deuteranomaly #b3b533 ≈ 4.63% of males
Tritanomaly #9cb782 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-97bd29 {
  color: #97bd29;
}
Background
.bg-97bd29 {
  background-color: #97bd29;
  color: #000000;
}
Border
.border-97bd29 {
  border: 2px solid #97bd29;
}
CSS variables
:root {
  --color-primary: #97bd29;
  --color-primary-rgb: 151 189 41;
  --color-primary-hsl: 75 64% 45%;
}
Gradient
.gradient-97bd29 {
  background: linear-gradient(135deg, #97bd29, #4dbd29);
}
Colored shadow
.shadow-97bd29 {
  box-shadow: 0 8px 24px rgb(151 189 41 / 0.35);
}

#8db600 Apple Green ΔE 2.50 #9acd32 Yellow Green ΔE 4.20 #bdda57 June Bud ΔE 8.10 #93c572 Pistachio ΔE 9.87 #4cbb17 Kelly Green ΔE 9.93 #9ab973 Olivine ΔE 10.29 #74c365 Mantis ΔE 11.16 #6842d6 Inverted #afafaf Grayscale 

Apple Green
#97bd29  rgb(151, 189, 41)  hsl(75, 64%, 45%)  Apple Green
#4f29bd  rgb(79, 41, 189)  hsl(255, 64%, 45%)  Ocean Blue
#2997bd  rgb(41, 151, 189)  hsl(195, 64%, 45%)  Bondi Blue
#bd2997  rgb(189, 41, 151)  hsl(315, 64%, 45%)  Medium Violet Red