ColorTool
Accedi
#558E4A

#558e4a ≈ Sea Green

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

#558e4a è un colore della famiglia «verde», con luminosità media e saturazione moderata. Nel modello RGB è composto da 33,33% di rosso, 55,69% di verde e 29,02% di blu; in stampa CMYK usa 40,14% di ciano, 0% di magenta, 47,89% di giallo e 44,31% di nero. Il suo angolo di tinta è 110,29°, con 31,48% di saturazione e 42,35% 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 5,35:1 (WCAG AA). Il colore con nome più vicino è Sea Green (#2e8b57), ΔE 6,84.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #558e4a
  2. #834a8e

Complementare diviso

  1. #558e4a
  2. #614a8e
  3. #8e4a77

Analogo

  1. #778e4a
  2. #558e4a
  3. #4a8e61

Triadico

  1. #558e4a
  2. #4a558e
  3. #8e4a55

Tetradico

  1. #558e4a
  2. #4a8e83
  3. #834a8e
  4. #8e4a55

Quadrato

  1. #558e4a
  2. #4a778e
  3. #834a8e
  4. #8e614a

Monocromatico

  1. #192916
  2. #375c30
  3. #558e4a
  4. #7bb470
  5. #a9cfa2

Ombre

#558e4a miscelato progressivamente con il nero.

  1. #558e4a
  2. #4d8043
  3. #44723b
  4. #3c6334
  5. #33552c
  6. #2b4725
  7. #22391e
  8. #1a2b16
  9. #111c0f
  10. #090e07
  11. #000000

Tinte

#558e4a miscelato progressivamente con il bianco.

  1. #558e4a
  2. #66995c
  3. #77a56e
  4. #88b080
  5. #99bb92
  6. #aac7a5
  7. #bbd2b7
  8. #ccddc9
  9. #dde8db
  10. #eef4ed
  11. #ffffff

Toni

#558e4a miscelato progressivamente con il grigio.

  1. #558e4a
  2. #598d4f
  3. #5e8b55
  4. #628a5a
  5. #668860
  6. #6b8765
  7. #6f866a
  8. #738470
  9. #778375
  10. #7c817b
  11. #808080

Testo leggibile 3.92:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 5.35:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #818181 ≈ 0.003% degli uomini
Acromatomalia #72866f ≈ 0.001% degli uomini
Protanopia #918445 ≈ 1.01% degli uomini
Deuteranopia #897f4e ≈ 1.27% degli uomini
Tritanopia #508a7e ≈ 0.0001% degli uomini
Protanomalia #7e8847 ≈ 1.08% degli uomini
Deuteranomalia #78854d ≈ 4.63% degli uomini
Tritanomalia #528c6d ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-558e4a {
  color: #558e4a;
}
Sfondo
.bg-558e4a {
  background-color: #558e4a;
  color: #000000;
}
Bordo
.border-558e4a {
  border: 2px solid #558e4a;
}
Variabili CSS
:root {
  --color-primary: #558e4a;
  --color-primary-rgb: 85 142 74;
  --color-primary-hsl: 110 31% 42%;
}
Sfumatura
.gradient-558e4a {
  background: linear-gradient(135deg, #558e4a, #4a8e61);
}
Ombra colorata
.shadow-558e4a {
  box-shadow: 0 8px 24px rgb(85 142 74 / 0.35);
}

#2e8b57 Sea Green ΔE 6.84 #228b22 Forest Green ΔE 7.11 #507d2a Sap Green ΔE 7.44 #4f7942 Fern Green ΔE 7.76 #6b8e23 Olive Drab ΔE 8.79 #138808 India Green ΔE 9.01 #009e60 Shamrock Green ΔE 9.08 #aa71b5 Invertito #818181 Scala di grigi 

Sea Green
#558e4a  rgb(85, 142, 74)  hsl(110, 31%, 42%)  Sea Green
#834a8e  rgb(131, 74, 142)  hsl(290, 31%, 42%)  Deep Plum
#4a558e  rgb(74, 85, 142)  hsl(230, 31%, 42%)  Dark Slate Blue
#8e4a55  rgb(142, 74, 85)  hsl(350, 31%, 42%)  Cordovan