ColorTool
Accedi
#ABF030

#abf030 ≈ Spring Bud

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

#abf030 è un colore della famiglia «giallo-verde», con luminosità media e saturazione vivace. Nel modello RGB è composto da 67,06% di rosso, 94,12% di verde e 18,82% di blu; in stampa CMYK usa 28,75% di ciano, 0% di magenta, 80% di giallo e 5,88% di nero. Il suo angolo di tinta è 81,56°, con 86,49% di saturazione e 56,47% 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 15,24:1 (WCAG AAA). Il colore con nome più vicino è Spring Bud (#a7fc00), ΔE 3,02.

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.7119

Complementare

  1. #abf030
  2. #7530f0

Complementare diviso

  1. #abf030
  2. #304bf0
  3. #d530f0

Analogo

  1. #f0d530
  2. #abf030
  3. #4bf030

Triadico

  1. #abf030
  2. #30abf0
  3. #f030ab

Tetradico

  1. #abf030
  2. #30f075
  3. #7530f0
  4. #f030ab

Quadrato

  1. #abf030
  2. #30f0d5
  3. #7530f0
  4. #f0304b

Monocromatico

  1. #547e09
  2. #83c50e
  3. #abf030
  4. #c8f577
  5. #e5fabf

Ombre

#abf030 miscelato progressivamente con il nero.

  1. #abf030
  2. #9ad82b
  3. #89c026
  4. #78a822
  5. #67901d
  6. #567818
  7. #446013
  8. #33480e
  9. #22300a
  10. #111805
  11. #000000

Tinte

#abf030 miscelato progressivamente con il bianco.

  1. #abf030
  2. #b3f245
  3. #bcf359
  4. #c4f56e
  5. #cdf683
  6. #d5f898
  7. #ddf9ac
  8. #e6fbc1
  9. #eefcd6
  10. #f7feea
  11. #ffffff

Toni

#abf030 miscelato progressivamente con il grigio.

  1. #abf030
  2. #a7e538
  3. #a2da40
  4. #9ece48
  5. #9ac350
  6. #96b858
  7. #91ad60
  8. #8da268
  9. #899670
  10. #848b78
  11. #808080

Testo leggibile 1.38:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 15.24:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #dbdbdb ≈ 0.003% degli uomini
Acromatomalia #cae4b1 ≈ 0.001% degli uomini
Protanopia #fcdf00 ≈ 1.01% degli uomini
Deuteranopia #f3da46 ≈ 1.27% degli uomini
Tritanopia #b1e5cd ≈ 0.0001% degli uomini
Protanomalia #e0e60e ≈ 1.08% degli uomini
Deuteranomalia #dae33e ≈ 4.63% degli uomini
Tritanomalia #afe9a6 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-abf030 {
  color: #abf030;
}
Sfondo
.bg-abf030 {
  background-color: #abf030;
  color: #000000;
}
Bordo
.border-abf030 {
  border: 2px solid #abf030;
}
Variabili CSS
:root {
  --color-primary: #abf030;
  --color-primary-rgb: 171 240 48;
  --color-primary-hsl: 82 86% 56%;
}
Sfumatura
.gradient-abf030 {
  background: linear-gradient(135deg, #abf030, #4bf030);
}
Ombra colorata
.shadow-abf030 {
  box-shadow: 0 8px 24px rgb(171 240 48 / 0.35);
}

#a7fc00 Spring Bud ΔE 3.02 #adff2f Green Yellow ΔE 3.17 #b2ec5d Inchworm ΔE 3.82 #7cfc00 Lawn Green ΔE 5.76 #ccff00 Electric Lime ΔE 5.82 #7fff00 Chartreuse ΔE 5.88 #bdda57 June Bud ΔE 7.31 #540fcf Invertito #dbdbdb Scala di grigi 

Spring Bud
#abf030  rgb(171, 240, 48)  hsl(82, 86%, 56%)  Spring Bud
#7530f0  rgb(117, 48, 240)  hsl(262, 86%, 56%)  Blue Violet
#30abf0  rgb(48, 171, 240)  hsl(202, 86%, 56%)  Carolina Blue
#f030ab  rgb(240, 48, 171)  hsl(322, 86%, 56%)  Persian Rose