ColorTool
Accedi
#06CF80

#06cf80 ≈ Emerald

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

#06cf80 è un colore della famiglia «verde acqua», con luminosità media e saturazione vivace. Nel modello RGB è composto da 2,35% di rosso, 81,18% di verde e 50,2% di blu; in stampa CMYK usa 97,1% di ciano, 0% di magenta, 38,16% di giallo e 18,82% di nero. Il suo angolo di tinta è 156,42°, con 94,37% di saturazione e 41,76% di luminosità in HSL. Si colloca tra caldo e freddo ed è spesso associato a chiarezza, calma e rinnovamento. I designer lo usano spesso per salute e benessere, prodotti tecnologici e pulsanti di invito all’azione. Il testo nero su questo colore raggiunge un rapporto di contrasto di 10,24:1 (WCAG AAA). Il colore con nome più vicino è Emerald (#50c878), ΔE 3,66.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #06cf80
  2. #cf0655

Complementare diviso

  1. #06cf80
  2. #cf06b9
  3. #cf1c06

Analogo

  1. #06cf1c
  2. #06cf80
  3. #06b9cf

Triadico

  1. #06cf80
  2. #8006cf
  3. #cf8006

Tetradico

  1. #06cf80
  2. #0655cf
  3. #cf0655
  4. #cf8006

Quadrato

  1. #06cf80
  2. #1c06cf
  3. #cf0655
  4. #b9cf06

Monocromatico

  1. #023a24
  2. #048552
  3. #06cf80
  4. #29f9a7
  5. #73fbc6

Ombre

#06cf80 miscelato progressivamente con il nero.

  1. #06cf80
  2. #05ba73
  3. #05a666
  4. #04915a
  5. #047c4d
  6. #036840
  7. #025333
  8. #023e26
  9. #01291a
  10. #01150d
  11. #000000

Tinte

#06cf80 miscelato progressivamente con il bianco.

  1. #06cf80
  2. #1fd48d
  3. #38d999
  4. #51dda6
  5. #6ae2b3
  6. #83e7c0
  7. #9beccc
  8. #b4f1d9
  9. #cdf5e6
  10. #e6faf2
  11. #ffffff

Toni

#06cf80 miscelato progressivamente con il grigio.

  1. #06cf80
  2. #12c780
  3. #1ebf80
  4. #2bb780
  5. #37af80
  6. #43a880
  7. #4fa080
  8. #5b9880
  9. #689080
  10. #748880
  11. #808080

Testo leggibile 2.05:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 10.24:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #b5b5b5 ≈ 0.003% degli uomini
Acromatomalia #90c0a2 ≈ 0.001% degli uomini
Protanopia #cdbe7b ≈ 1.01% degli uomini
Deuteranopia #baaf85 ≈ 1.27% degli uomini
Tritanopia #00cdbb ≈ 0.0001% degli uomini
Protanomalia #a3c57d ≈ 1.08% degli uomini
Deuteranomalia #93bd83 ≈ 4.63% degli uomini
Tritanomalia #00cea7 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-06cf80 {
  color: #06cf80;
}
Sfondo
.bg-06cf80 {
  background-color: #06cf80;
  color: #000000;
}
Bordo
.border-06cf80 {
  border: 2px solid #06cf80;
}
Variabili CSS
:root {
  --color-primary: #06cf80;
  --color-primary-rgb: 6 207 128;
  --color-primary-hsl: 156 94% 42%;
}
Sfumatura
.gradient-06cf80 {
  background: linear-gradient(135deg, #06cf80, #06b9cf);
}
Ombra colorata
.shadow-06cf80 {
  box-shadow: 0 8px 24px rgb(6 207 128 / 0.35);
}

#50c878 Emerald ΔE 3.66 #00cc99 Caribbean Green ΔE 5.82 #3cb371 Medium Sea Green ΔE 7.49 #0bda51 Malachite ΔE 8.44 #77dd77 Pastel Green ΔE 8.59 #74c365 Mantis ΔE 9.14 #3eb489 Mint ΔE 9.37 #f9307f Invertito #b5b5b5 Scala di grigi 

Emerald
#06cf80  rgb(6, 207, 128)  hsl(156, 94%, 42%)  Emerald
#cf0655  rgb(207, 6, 85)  hsl(336, 94%, 42%)  Ruby
#8006cf  rgb(128, 6, 207)  hsl(276, 94%, 42%)  Dark Violet
#cf8006  rgb(207, 128, 6)  hsl(36, 94%, 42%)  Fulvous