ColorTool
Accedi
#AFE702

#afe702 ≈ Spring Bud

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

#afe702 è 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,78% di blu; in stampa CMYK usa 24,24% di ciano, 0% di magenta, 99,13% di giallo e 9,41% di nero. Il suo angolo di tinta è 74,67°, con 98,28% di saturazione e 45,69% 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. #afe702
  2. #3a02e7

Complementare diviso

  1. #afe702
  2. #023de7
  3. #ad02e7

Analogo

  1. #e7ad02
  2. #afe702
  3. #3de702

Triadico

  1. #afe702
  2. #02afe7
  3. #e702af

Tetradico

  1. #afe702
  2. #02e73a
  3. #3a02e7
  4. #e702af

Quadrato

  1. #afe702
  2. #02e7ad
  3. #3a02e7
  4. #e7023d

Monocromatico

  1. #3c4f01
  2. #769b01
  3. #afe702
  4. #cdfd38
  5. #e0fe84

Ombre

#afe702 miscelato progressivamente con il nero.

  1. #afe702
  2. #9ed002
  3. #8cb902
  4. #7ba201
  5. #698b01
  6. #587401
  7. #465c01
  8. #354501
  9. #232e00
  10. #121700
  11. #000000

Tinte

#afe702 miscelato progressivamente con il bianco.

  1. #afe702
  2. #b7e91b
  3. #bfec35
  4. #c7ee4e
  5. #cff167
  6. #d7f381
  7. #dff59a
  8. #e7f8b3
  9. #effacc
  10. #f7fde6
  11. #ffffff

Toni

#afe702 miscelato progressivamente con il grigio.

  1. #afe702
  2. #aadd0f
  3. #a6d21b
  4. #a1c828
  5. #9cbe34
  6. #98b441
  7. #93a94e
  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 #d7dc25 ≈ 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-afe702 {
  color: #afe702;
}
Sfondo
.bg-afe702 {
  background-color: #afe702;
  color: #000000;
}
Bordo
.border-afe702 {
  border: 2px solid #afe702;
}
Variabili CSS
:root {
  --color-primary: #afe702;
  --color-primary-rgb: 175 231 2;
  --color-primary-hsl: 75 98% 46%;
}
Sfumatura
.gradient-afe702 {
  background: linear-gradient(135deg, #afe702, #3de702);
}
Ombra colorata
.shadow-afe702 {
  box-shadow: 0 8px 24px rgb(175 231 2 / 0.35);
}

#a7fc00 Spring Bud ΔE 5.05 #b2ec5d Inchworm ΔE 5.56 #adff2f Green Yellow ΔE 5.66 #ccff00 Electric Lime ΔE 5.69 #bdda57 June Bud ΔE 6.31 #d1e231 Pear ΔE 6.39 #9acd32 Yellow Green ΔE 7.01 #5018fd Invertito #d5d5d5 Scala di grigi 

Spring Bud
#afe702  rgb(175, 231, 2)  hsl(75, 98%, 46%)  Spring Bud
#3a02e7  rgb(58, 2, 231)  hsl(255, 98%, 46%)  Blue
#02afe7  rgb(2, 175, 231)  hsl(195, 98%, 46%)  Deep Sky Blue
#e702af  rgb(231, 2, 175)  hsl(315, 98%, 46%)  Shocking Pink