ColorTool
Accedi
#657F15

#657f15 ≈ Avocado

  • giallo-verde
  • Luminosità: bassa
  • Saturazione: moderata
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#657f15 è un colore della famiglia «giallo-verde», con luminosità bassa e saturazione moderata. Nel modello RGB è composto da 39,61% di rosso, 49,8% di verde e 8,24% di blu; in stampa CMYK usa 20,47% di ciano, 0% di magenta, 83,46% di giallo e 50,2% di nero. Il suo angolo di tinta è 74,72°, con 71,62% di saturazione e 29,02% di luminosità in HSL. È un colore caldo, spesso associato a freschezza, crescita e vitalità. I designer lo usano spesso per marchi ecologici, salute e benessere e marchi di lusso. Il testo nero su questo colore raggiunge un rapporto di contrasto di 4,6:1 (WCAG AA). Il colore con nome più vicino è Avocado (#568203), ΔE 3,47.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #657f15
  2. #2f157f

Complementare diviso

  1. #657f15
  2. #15307f
  3. #64157f

Analogo

  1. #7f6415
  2. #657f15
  3. #307f15

Triadico

  1. #657f15
  2. #15657f
  3. #7f1565

Tetradico

  1. #657f15
  2. #157f2f
  3. #2f157f
  4. #7f1565

Quadrato

  1. #657f15
  2. #157f64
  3. #2f157f
  4. #7f1530

Monocromatico

  1. #0e1203
  2. #313d0a
  3. #657f15
  4. #99c120
  5. #bde14c

Ombre

#657f15 miscelato progressivamente con il nero.

  1. #657f15
  2. #5b7213
  3. #516611
  4. #47590f
  5. #3d4c0d
  6. #33400b
  7. #283308
  8. #1e2606
  9. #141904
  10. #0a0d02
  11. #000000

Tinte

#657f15 miscelato progressivamente con il bianco.

  1. #657f15
  2. #748c2c
  3. #849944
  4. #93a55b
  5. #a3b273
  6. #b2bf8a
  7. #c1cca1
  8. #d1d9b9
  9. #e0e5d0
  10. #f0f2e8
  11. #ffffff

Toni

#657f15 miscelato progressivamente con il grigio.

  1. #657f15
  2. #687f20
  3. #6a7f2a
  4. #6d7f35
  5. #707f40
  6. #73804b
  7. #758055
  8. #788060
  9. #7b806b
  10. #7d8075
  11. #808080

Testo leggibile 4.57:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 4.6:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #767676 ≈ 0.003% degli uomini
Acromatomalia #6f795e ≈ 0.001% degli uomini
Protanopia #877600 ≈ 1.01% degli uomini
Deuteranopia #837621 ≈ 1.27% degli uomini
Tritanopia #6b786c ≈ 0.0001% degli uomini
Protanomalia #7b7a04 ≈ 1.08% degli uomini
Deuteranomalia #78791c ≈ 4.63% degli uomini
Tritanomalia #687b56 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-657f15 {
  color: #657f15;
}
Sfondo
.bg-657f15 {
  background-color: #657f15;
  color: #000000;
}
Bordo
.border-657f15 {
  border: 2px solid #657f15;
}
Variabili CSS
:root {
  --color-primary: #657f15;
  --color-primary-rgb: 101 127 21;
  --color-primary-hsl: 75 72% 29%;
}
Sfumatura
.gradient-657f15 {
  background: linear-gradient(135deg, #657f15, #307f15);
}
Ombra colorata
.shadow-657f15 {
  box-shadow: 0 8px 24px rgb(101 127 21 / 0.35);
}

#568203 Avocado ΔE 3.47 #6b8e23 Olive Drab ΔE 5.46 #507d2a Sap Green ΔE 6.19 #808000 Olive ΔE 7.85 #556b2f Dark Olive Green ΔE 9.69 #4f7942 Fern Green ΔE 10.63 #138808 India Green ΔE 11.09 #9a80ea Invertito #767676 Scala di grigi 

Avocado
#657f15  rgb(101, 127, 21)  hsl(75, 72%, 29%)  Avocado
#2f157f  rgb(47, 21, 127)  hsl(255, 72%, 29%)  Persian Indigo
#15657f  rgb(21, 101, 127)  hsl(195, 72%, 29%)  Sea Blue
#7f1565  rgb(127, 21, 101)  hsl(315, 72%, 29%)  Byzantium