ColorTool
Accedi
#54CE75

#54ce75 ≈ Emerald

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

#54ce75 è un colore della famiglia «verde», con luminosità media e saturazione moderata. Nel modello RGB è composto da 32,94% di rosso, 80,78% di verde e 45,88% di blu; in stampa CMYK usa 59,22% di ciano, 0% di magenta, 43,2% di giallo e 19,22% di nero. Il suo angolo di tinta è 136,23°, con 55,45% di saturazione e 56,86% di luminosità in HSL. Si colloca tra caldo e freddo ed è spesso associato a natura, salute ed equilibrio. 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 10,46:1 (WCAG AAA). Il colore con nome più vicino è Emerald (#50c878), ΔE 2,04.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #54ce75
  2. #ce54ad

Complementare diviso

  1. #54ce75
  2. #b254ce
  3. #ce5470

Analogo

  1. #70ce54
  2. #54ce75
  3. #54ceb2

Triadico

  1. #54ce75
  2. #7554ce
  3. #ce7554

Tetradico

  1. #54ce75
  2. #54adce
  3. #ce54ad
  4. #ce7554

Quadrato

  1. #54ce75
  2. #5470ce
  3. #ce54ad
  4. #ceb254

Monocromatico

  1. #1f6a33
  2. #30a650
  3. #54ce75
  4. #8fdfa5
  5. #cbf0d5

Ombre

#54ce75 miscelato progressivamente con il nero.

  1. #54ce75
  2. #4cb969
  3. #43a55e
  4. #3b9052
  5. #327c46
  6. #2a673b
  7. #22522f
  8. #193e23
  9. #112917
  10. #08150c
  11. #000000

Tinte

#54ce75 miscelato progressivamente con il bianco.

  1. #54ce75
  2. #65d383
  3. #76d891
  4. #87dd9e
  5. #98e2ac
  6. #aae7ba
  7. #bbebc8
  8. #ccf0d6
  9. #ddf5e3
  10. #eefaf1
  11. #ffffff

Toni

#54ce75 miscelato progressivamente con il grigio.

  1. #54ce75
  2. #58c676
  3. #5dbe77
  4. #61b778
  5. #66af79
  6. #6aa77b
  7. #6e9f7c
  8. #73977d
  9. #77907e
  10. #7c887f
  11. #808080

Testo leggibile 2.01:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 10.46:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #b7b7b7 ≈ 0.003% degli uomini
Acromatomalia #99c1a1 ≈ 0.001% degli uomini
Protanopia #cfbe6e ≈ 1.01% degli uomini
Deuteranopia #bfb37b ≈ 1.27% degli uomini
Tritanopia #32cab8 ≈ 0.0001% degli uomini
Protanomalia #acc471 ≈ 1.08% degli uomini
Deuteranomalia #a0be79 ≈ 4.63% degli uomini
Tritanomalia #42cca2 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-54ce75 {
  color: #54ce75;
}
Sfondo
.bg-54ce75 {
  background-color: #54ce75;
  color: #000000;
}
Bordo
.border-54ce75 {
  border: 2px solid #54ce75;
}
Variabili CSS
:root {
  --color-primary: #54ce75;
  --color-primary-rgb: 84 206 117;
  --color-primary-hsl: 136 55% 57%;
}
Sfumatura
.gradient-54ce75 {
  background: linear-gradient(135deg, #54ce75, #54ceb2);
}
Ombra colorata
.shadow-54ce75 {
  box-shadow: 0 8px 24px rgb(84 206 117 / 0.35);
}

#50c878 Emerald ΔE 2.04 #77dd77 Pastel Green ΔE 5.15 #74c365 Mantis ΔE 5.26 #0bda51 Malachite ΔE 6.43 #32cd32 Lime Green ΔE 8.01 #3cb371 Medium Sea Green ΔE 8.02 #93c572 Pistachio ΔE 8.63 #ab318a Invertito #b7b7b7 Scala di grigi 

Emerald
#54ce75  rgb(84, 206, 117)  hsl(136, 55%, 57%)  Emerald
#ce54ad  rgb(206, 84, 173)  hsl(316, 55%, 57%)  Sky Magenta
#7554ce  rgb(117, 84, 206)  hsl(256, 55%, 57%)  Slate Blue
#ce7554  rgb(206, 117, 84)  hsl(16, 55%, 57%)  Burnt Sienna