ColorTool
Log in
#7FB397

#7fb397 ≈ Dark Sea Green

  • green
  • Lightness: medium
  • Saturation: muted
  • Balanced
Check contrast Explore in graph Random color

#7fb397 is a color from the green family, with medium lightness and muted saturation. In the RGB model it is made of 49.8% red, 70.2% green and 59.22% blue; printed in CMYK it uses 29.05% cyan, 0% magenta, 15.64% yellow and 29.8% black. Its hue angle is 147.69°, with 25.49% saturation and 60% 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 8.8:1 (WCAG AAA). The closest named color is Dark Sea Green (#8fbc8f), ΔE 5.93.

Description generated from the measured properties of this color.

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

Complementary

  1. #7fb397
  2. #b37f9b

Split complementary

  1. #7fb397
  2. #b17fb3
  3. #b37f81

Analogous

  1. #81b37f
  2. #7fb397
  3. #7fb3b1

Triadic

  1. #7fb397
  2. #977fb3
  3. #b3977f

Tetradic

  1. #7fb397
  2. #7f9bb3
  3. #b37f9b
  4. #b3977f

Square

  1. #7fb397
  2. #7f81b3
  3. #b37f9b
  4. #b3b17f

Monochromatic

  1. #39604b
  2. #569070
  3. #7fb397
  4. #afcfbe
  5. #dfece5

Shades

#7fb397 mixed progressively with black.

  1. #7fb397
  2. #72a188
  3. #668f79
  4. #597d6a
  5. #4c6b5b
  6. #405a4c
  7. #33483c
  8. #26362d
  9. #19241e
  10. #0d120f
  11. #000000

Tints

#7fb397 mixed progressively with white.

  1. #7fb397
  2. #8cbba1
  3. #99c2ac
  4. #a5cab6
  5. #b2d1c1
  6. #bfd9cb
  7. #cce1d5
  8. #d9e8e0
  9. #e5f0ea
  10. #f2f7f5
  11. #ffffff

Tones

#7fb397 mixed progressively with gray.

  1. #7fb397
  2. #7fae95
  3. #7fa992
  4. #7fa490
  5. #7f9f8e
  6. #809a8c
  7. #809489
  8. #808f87
  9. #808a85
  10. #808582
  11. #808080

Readable text 2.39:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 8.8:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #a8a8a8 ≈ 0.003% of males
Achromatomaly #99aca1 ≈ 0.001% of males
Protanopia #b2ab96 ≈ 1.01% of males
Deuteranopia #a9a599 ≈ 1.27% of males
Tritanopia #75b3ab ≈ 0.0001% of males
Protanomaly #a0af96 ≈ 1.08% of males
Deuteranomaly #9aab98 ≈ 4.63% of males
Tritanomaly #79b3a3 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-7fb397 {
  color: #7fb397;
}
Background
.bg-7fb397 {
  background-color: #7fb397;
  color: #000000;
}
Border
.border-7fb397 {
  border: 2px solid #7fb397;
}
CSS variables
:root {
  --color-primary: #7fb397;
  --color-primary-rgb: 127 179 151;
  --color-primary-hsl: 148 25% 60%;
}
Gradient
.gradient-7fb397 {
  background: linear-gradient(135deg, #7fb397, #7fb3b1);
}
Colored shadow
.shadow-7fb397 {
  box-shadow: 0 8px 24px rgb(127 179 151 / 0.35);
}

#8fbc8f Dark Sea Green ΔE 5.93 #3eb489 Mint ΔE 8.39 #66cdaa Medium Aquamarine ΔE 8.55 #29ab87 Jungle Green ΔE 9.62 #87a96b Asparagus ΔE 10.95 #3cb371 Medium Sea Green ΔE 11.13 #a8c3bc Opal ΔE 11.38 #804c68 Inverted #a8a8a8 Grayscale 

Dark Sea Green
#7fb397  rgb(127, 179, 151)  hsl(148, 25%, 60%)  Dark Sea Green
#b37f9b  rgb(179, 127, 155)  hsl(328, 25%, 60%)  Mountbatten Pink
#977fb3  rgb(151, 127, 179)  hsl(268, 25%, 60%)  Purple Mountain Majesty
#b3977f  rgb(179, 151, 127)  hsl(28, 25%, 60%)  Camel