ColorTool
Accedi
#AFE701

#afe701 ≈ Spring Bud

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

#afe701 è un colore della famiglia «giallo-verde», con luminosità media e saturazione vivace. Nel modello RGB è composto da 68,63% di rosso, 90,59% di verde e 0,39% di blu; in stampa CMYK usa 24,24% di ciano, 0% di magenta, 99,57% di giallo e 9,41% di nero. Il suo angolo di tinta è 74,61°, con 99,14% di saturazione e 45,49% 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 pulsanti di invito all’azione. Il testo nero su questo colore raggiunge un rapporto di contrasto di 14,25:1 (WCAG AAA). Il colore con nome più vicino è Spring Bud (#a7fc00), ΔE 5,05.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #afe701
  2. #3901e7

Complementare diviso

  1. #afe701
  2. #013ce7
  3. #ac01e7

Analogo

  1. #e7ac01
  2. #afe701
  3. #3ce701

Triadico

  1. #afe701
  2. #01afe7
  3. #e701af

Tetradico

  1. #afe701
  2. #01e739
  3. #3901e7
  4. #e701af

Quadrato

  1. #afe701
  2. #01e7ac
  3. #3901e7
  4. #e7013c

Monocromatico

  1. #3c4f00
  2. #759b01
  3. #afe701
  4. #cdfe36
  5. #e0fe83

Ombre

#afe701 miscelato progressivamente con il nero.

  1. #afe701
  2. #9ed001
  3. #8cb901
  4. #7ba201
  5. #698b01
  6. #587401
  7. #465c00
  8. #354500
  9. #232e00
  10. #121700
  11. #000000

Tinte

#afe701 miscelato progressivamente con il bianco.

  1. #afe701
  2. #b7e91a
  3. #bfec34
  4. #c7ee4d
  5. #cff167
  6. #d7f380
  7. #dff599
  8. #e7f8b3
  9. #effacc
  10. #f7fde6
  11. #ffffff

Toni

#afe701 miscelato progressivamente con il grigio.

  1. #afe701
  2. #aadd0e
  3. #a6d21a
  4. #a1c827
  5. #9cbe34
  6. #98b441
  7. #93a94d
  8. #8e9f5a
  9. #899567
  10. #858a73
  11. #808080

Testo leggibile 1.47:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 14.25:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #d5d5d5 ≈ 0.003% degli uomini
Acromatomalia #c7dca9 ≈ 0.001% degli uomini
Protanopia #f4d700 ≈ 1.01% degli uomini
Deuteranopia #edd430 ≈ 1.27% degli uomini
Tritanopia #b8dbc4 ≈ 0.0001% degli uomini
Protanomalia #dcdd00 ≈ 1.08% degli uomini
Deuteranomalia #d7dc24 ≈ 4.63% degli uomini
Tritanomalia #b4e09c ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-afe701 {
  color: #afe701;
}
Sfondo
.bg-afe701 {
  background-color: #afe701;
  color: #000000;
}
Bordo
.border-afe701 {
  border: 2px solid #afe701;
}
Variabili CSS
:root {
  --color-primary: #afe701;
  --color-primary-rgb: 175 231 1;
  --color-primary-hsl: 75 99% 45%;
}
Sfumatura
.gradient-afe701 {
  background: linear-gradient(135deg, #afe701, #3ce701);
}
Ombra colorata
.shadow-afe701 {
  box-shadow: 0 8px 24px rgb(175 231 1 / 0.35);
}

#a7fc00 Spring Bud ΔE 5.05 #b2ec5d Inchworm ΔE 5.58 #adff2f Green Yellow ΔE 5.66 #ccff00 Electric Lime ΔE 5.68 #bdda57 June Bud ΔE 6.32 #d1e231 Pear ΔE 6.39 #9acd32 Yellow Green ΔE 7.01 #5018fe Invertito #d5d5d5 Scala di grigi 

Spring Bud
#afe701  rgb(175, 231, 1)  hsl(75, 99%, 45%)  Spring Bud
#3901e7  rgb(57, 1, 231)  hsl(255, 99%, 45%)  Blue
#01afe7  rgb(1, 175, 231)  hsl(195, 99%, 45%)  Deep Sky Blue
#e701af  rgb(231, 1, 175)  hsl(315, 99%, 45%)  Shocking Pink