ColorTool
Accedi
#8FD8AA

#8fd8aa ≈ Seafoam Green

  • verde
  • Luminosità: alta
  • Saturazione: moderata
  • Equilibrato
Verifica il contrasto Esplora nel grafo Colore casuale

#8fd8aa è un colore della famiglia «verde», con luminosità alta e saturazione moderata. Nel modello RGB è composto da 56,08% di rosso, 84,71% di verde e 66,67% di blu; in stampa CMYK usa 33,8% di ciano, 0% di magenta, 21,3% di giallo e 15,29% di nero. Il suo angolo di tinta è 142,19°, con 48,34% di saturazione e 70,39% di luminosità in HSL. Si colloca tra caldo e freddo ed è spesso associato a natura, salute ed equilibrio. I designer lo usano spesso per marchi ecologici, salute e benessere e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 12,57:1 (WCAG AAA). Il colore con nome più vicino è Seafoam Green (#9fe2bf), ΔE 4,08.

Descrizione generata dalle proprietà misurate di questo colore.

HEX
RGB
RGB percentuale
CMY
CMYK
HSL
HSV / HSB
Web-safe#99cc99
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimale
Luminanza relativa0.5785

Complementare

  1. #8fd8aa
  2. #d88fbd

Complementare diviso

  1. #8fd8aa
  2. #ce8fd8
  3. #d88f98

Analogo

  1. #98d88f
  2. #8fd8aa
  3. #8fd8ce

Triadico

  1. #8fd8aa
  2. #aa8fd8
  3. #d8aa8f

Tetradico

  1. #8fd8aa
  2. #8fbdd8
  3. #d88fbd
  4. #d8aa8f

Quadrato

  1. #8fd8aa
  2. #8f98d8
  3. #d88fbd
  4. #d8ce8f

Monocromatico

  1. #35995a
  2. #56c47f
  3. #8fd8aa
  4. #c8ecd5
  5. #f0faf4

Ombre

#8fd8aa miscelato progressivamente con il nero.

  1. #8fd8aa
  2. #81c299
  3. #72ad88
  4. #649777
  5. #568266
  6. #486c55
  7. #395644
  8. #2b4133
  9. #1d2b22
  10. #0e1611
  11. #000000

Tinte

#8fd8aa miscelato progressivamente con il bianco.

  1. #8fd8aa
  2. #9adcb3
  3. #a5e0bb
  4. #b1e4c4
  5. #bce8cc
  6. #c7ecd5
  7. #d2efdd
  8. #ddf3e6
  9. #e9f7ee
  10. #f4fbf7
  11. #ffffff

Toni

#8fd8aa miscelato progressivamente con il grigio.

  1. #8fd8aa
  2. #8ecfa6
  3. #8cc6a2
  4. #8bbe9d
  5. #89b599
  6. #88ac95
  7. #86a391
  8. #859a8d
  9. #839288
  10. #828984
  11. #808080

Testo leggibile 1.67:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 12.57:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #c8c8c8 ≈ 0.003% degli uomini
Acromatomalia #b4cfbd ≈ 0.001% degli uomini
Protanopia #d7cda7 ≈ 1.01% degli uomini
Deuteranopia #cbc5ad ≈ 1.27% degli uomini
Tritanopia #81d7cb ≈ 0.0001% degli uomini
Protanomalia #bfd2a8 ≈ 1.08% degli uomini
Deuteranomalia #b6cdac ≈ 4.63% degli uomini
Tritanomalia #87d7bf ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-8fd8aa {
  color: #8fd8aa;
}
Sfondo
.bg-8fd8aa {
  background-color: #8fd8aa;
  color: #000000;
}
Bordo
.border-8fd8aa {
  border: 2px solid #8fd8aa;
}
Variabili CSS
:root {
  --color-primary: #8fd8aa;
  --color-primary-rgb: 143 216 170;
  --color-primary-hsl: 142 48% 70%;
}
Sfumatura
.gradient-8fd8aa {
  background: linear-gradient(135deg, #8fd8aa, #8fd8ce);
}
Ombra colorata
.shadow-8fd8aa {
  box-shadow: 0 8px 24px rgb(143 216 170 / 0.35);
}

#9fe2bf Seafoam Green ΔE 4.08 #ace1af Celadon ΔE 4.66 #66cdaa Medium Aquamarine ΔE 6.36 #a8e4a0 Granny Smith Apple ΔE 6.67 #aaf0d1 Magic Mint ΔE 7.30 #8fbc8f Dark Sea Green ΔE 7.72 #50c878 Emerald ΔE 9.73 #702755 Invertito #c8c8c8 Scala di grigi 

Seafoam Green
#8fd8aa  rgb(143, 216, 170)  hsl(142, 48%, 70%)  Seafoam Green
#d88fbd  rgb(216, 143, 189)  hsl(322, 48%, 70%)  Persian Pink
#aa8fd8  rgb(170, 143, 216)  hsl(262, 48%, 70%)  Floral Lavender
#d8aa8f  rgb(216, 170, 143)  hsl(22, 48%, 70%)  Tumbleweed