ColorTool
Accedi
#ABD43C

#abd43c ≈ Yellow Green

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

#abd43c è un colore della famiglia «giallo-verde», con luminosità media e saturazione forte. Nel modello RGB è composto da 67,06% di rosso, 83,14% di verde e 23,53% di blu; in stampa CMYK usa 19,34% di ciano, 0% di magenta, 71,7% di giallo e 16,86% di nero. Il suo angolo di tinta è 76,18°, con 63,87% di saturazione e 53,33% 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 accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 12,21:1 (WCAG AAA). Il colore con nome più vicino è Yellow Green (#9acd32), ΔE 2,75.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #abd43c
  2. #653cd4

Complementare diviso

  1. #abd43c
  2. #3c5fd4
  3. #b13cd4

Analogo

  1. #d4b13c
  2. #abd43c
  3. #5fd43c

Triadico

  1. #abd43c
  2. #3cabd4
  3. #d43cab

Tetradico

  1. #abd43c
  2. #3cd465
  3. #653cd4
  4. #d43cab

Quadrato

  1. #abd43c
  2. #3cd4b1
  3. #653cd4
  4. #d43c5f

Monocromatico

  1. #4d6115
  2. #7ea023
  3. #abd43c
  4. #c6e27b
  5. #e1f0b9

Ombre

#abd43c miscelato progressivamente con il nero.

  1. #abd43c
  2. #9abf36
  3. #89aa30
  4. #78942a
  5. #677f24
  6. #566a1e
  7. #445518
  8. #334012
  9. #222a0c
  10. #111506
  11. #000000

Tinte

#abd43c miscelato progressivamente con il bianco.

  1. #abd43c
  2. #b3d850
  3. #bcdd63
  4. #c4e177
  5. #cde58a
  6. #d5ea9e
  7. #ddeeb1
  8. #e6f2c5
  9. #eef6d8
  10. #f7fbec
  11. #ffffff

Toni

#abd43c miscelato progressivamente con il grigio.

  1. #abd43c
  2. #a7cc43
  3. #a2c34a
  4. #9ebb50
  5. #9ab257
  6. #96aa5e
  7. #91a265
  8. #8d996c
  9. #899172
  10. #848879
  11. #808080

Testo leggibile 1.72:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 12.21:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #c5c5c5 ≈ 0.003% degli uomini
Acromatomalia #bbcba1 ≈ 0.001% degli uomini
Protanopia #e0c720 ≈ 1.01% degli uomini
Deuteranopia #dbc549 ≈ 1.27% degli uomini
Tritanopia #b3cab7 ≈ 0.0001% degli uomini
Protanomalia #cdcc2d ≈ 1.08% degli uomini
Deuteranomalia #c9cb44 ≈ 4.63% degli uomini
Tritanomalia #b0ce95 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-abd43c {
  color: #abd43c;
}
Sfondo
.bg-abd43c {
  background-color: #abd43c;
  color: #000000;
}
Bordo
.border-abd43c {
  border: 2px solid #abd43c;
}
Variabili CSS
:root {
  --color-primary: #abd43c;
  --color-primary-rgb: 171 212 60;
  --color-primary-hsl: 76 64% 53%;
}
Sfumatura
.gradient-abd43c {
  background: linear-gradient(135deg, #abd43c, #5fd43c);
}
Ombra colorata
.shadow-abd43c {
  box-shadow: 0 8px 24px rgb(171 212 60 / 0.35);
}

#9acd32 Yellow Green ΔE 2.75 #bdda57 June Bud ΔE 3.21 #b2ec5d Inchworm ΔE 6.05 #d1e231 Pear ΔE 7.15 #8db600 Apple Green ΔE 8.02 #a7fc00 Spring Bud ΔE 9.65 #adff2f Green Yellow ΔE 9.88 #542bc3 Invertito #c5c5c5 Scala di grigi 

Yellow Green
#abd43c  rgb(171, 212, 60)  hsl(76, 64%, 53%)  Yellow Green
#653cd4  rgb(101, 60, 212)  hsl(256, 64%, 53%)  Iris
#3cabd4  rgb(60, 171, 212)  hsl(196, 64%, 53%)  Moonstone Blue
#d43cab  rgb(212, 60, 171)  hsl(316, 64%, 53%)  Shocking Pink