ColorTool
Accedi
#A2ED48

#a2ed48 ≈ Inchworm

  • giallo-verde
  • Luminosità: media
  • Saturazione: forte
  • Equilibrato
Verifica il contrasto Esplora nel grafo Colore casuale

#a2ed48 è un colore della famiglia «giallo-verde», con luminosità media e saturazione forte. Nel modello RGB è composto da 63,53% di rosso, 92,94% di verde e 28,24% di blu; in stampa CMYK usa 31,65% di ciano, 0% di magenta, 69,62% di giallo e 7,06% di nero. Il suo angolo di tinta è 87,27°, con 82,09% di saturazione e 60,59% di luminosità in HSL. Si colloca tra caldo e freddo ed è spesso associato a freschezza, crescita e vitalità. I designer lo usano spesso per marchi ecologici, salute e benessere e pulsanti di invito all’azione. Il testo nero su questo colore raggiunge un rapporto di contrasto di 14,74:1 (WCAG AAA). Il colore con nome più vicino è Inchworm (#b2ec5d), ΔE 2,52.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #a2ed48
  2. #9348ed

Complementare diviso

  1. #a2ed48
  2. #4850ed
  3. #e548ed

Analogo

  1. #ede548
  2. #a2ed48
  3. #50ed48

Triadico

  1. #a2ed48
  2. #48a2ed
  3. #ed48a2

Tetradico

  1. #a2ed48
  2. #48ed93
  3. #9348ed
  4. #ed48a2

Quadrato

  1. #a2ed48
  2. #48ede5
  3. #9348ed
  4. #ed4850

Monocromatico

  1. #548e0e
  2. #7dd415
  3. #a2ed48
  4. #c5f48e
  5. #e9fbd3

Ombre

#a2ed48 miscelato progressivamente con il nero.

  1. #a2ed48
  2. #92d541
  3. #82be3a
  4. #71a632
  5. #618e2b
  6. #517724
  7. #415f1d
  8. #314716
  9. #202f0e
  10. #101807
  11. #000000

Tinte

#a2ed48 miscelato progressivamente con il bianco.

  1. #a2ed48
  2. #abef5a
  3. #b5f16d
  4. #bef27f
  5. #c7f491
  6. #d1f6a4
  7. #daf8b6
  8. #e3fac8
  9. #ecfbda
  10. #f6fded
  11. #ffffff

Toni

#a2ed48 miscelato progressivamente con il grigio.

  1. #a2ed48
  2. #9fe24e
  3. #9bd753
  4. #98cc59
  5. #94c15e
  6. #91b764
  7. #8eac6a
  8. #8aa16f
  9. #879675
  10. #838b7a
  11. #808080

Testo leggibile 1.42:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 14.74:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #d8d8d8 ≈ 0.003% degli uomini
Acromatomalia #c5e1b1 ≈ 0.001% degli uomini
Protanopia #f7dc2d ≈ 1.01% degli uomini
Deuteranopia #edd657 ≈ 1.27% degli uomini
Tritanopia #a5e3cc ≈ 0.0001% degli uomini
Protanomalia #dae339 ≈ 1.08% degli uomini
Deuteranomalia #d3e051 ≈ 4.63% degli uomini
Tritanomalia #a4e7a8 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-a2ed48 {
  color: #a2ed48;
}
Sfondo
.bg-a2ed48 {
  background-color: #a2ed48;
  color: #000000;
}
Bordo
.border-a2ed48 {
  border: 2px solid #a2ed48;
}
Variabili CSS
:root {
  --color-primary: #a2ed48;
  --color-primary-rgb: 162 237 72;
  --color-primary-hsl: 87 82% 61%;
}
Sfumatura
.gradient-a2ed48 {
  background: linear-gradient(135deg, #a2ed48, #50ed48);
}
Ombra colorata
.shadow-a2ed48 {
  box-shadow: 0 8px 24px rgb(162 237 72 / 0.35);
}

#b2ec5d Inchworm ΔE 2.52 #adff2f Green Yellow ΔE 4.59 #a7fc00 Spring Bud ΔE 4.87 #7cfc00 Lawn Green ΔE 5.49 #7fff00 Chartreuse ΔE 5.77 #bdda57 June Bud ΔE 7.31 #9acd32 Yellow Green ΔE 7.48 #5d12b7 Invertito #d8d8d8 Scala di grigi 

Inchworm
#a2ed48  rgb(162, 237, 72)  hsl(87, 82%, 61%)  Inchworm
#9348ed  rgb(147, 72, 237)  hsl(267, 82%, 61%)  Blue Violet
#48a2ed  rgb(72, 162, 237)  hsl(207, 82%, 61%)  Carolina Blue
#ed48a2  rgb(237, 72, 162)  hsl(327, 82%, 61%)  Persian Rose