ColorTool
Accedi
#EFB677

#efb677 ≈ Fawn

  • arancione
  • Luminosità: alta
  • Saturazione: moderata
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#efb677 è un colore della famiglia «arancione», con luminosità alta e saturazione moderata. Nel modello RGB è composto da 93,73% di rosso, 71,37% di verde e 46,67% di blu; in stampa CMYK usa 0% di ciano, 23,85% di magenta, 50,21% di giallo e 6,27% di nero. Il suo angolo di tinta è 31,5°, con 78,95% di saturazione e 70,2% di luminosità in HSL. È un colore caldo, spesso associato a entusiasmo, calore e creatività. I designer lo usano spesso per pulsanti di invito all’azione, marchi alimentari e ristoranti e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 11,63:1 (WCAG AAA). Il colore con nome più vicino è Fawn (#e5aa70), ΔE 3,34.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #efb677
  2. #77b0ef

Complementare diviso

  1. #efb677
  2. #77ecef
  3. #7a77ef

Analogo

  1. #ef7a77
  2. #efb677
  3. #ecef77

Triadico

  1. #efb677
  2. #77efb6
  3. #b677ef

Tetradico

  1. #efb677
  2. #b0ef77
  3. #77b0ef
  4. #b677ef

Quadrato

  1. #efb677
  2. #77ef7a
  3. #77b0ef
  4. #ef77ec

Monocromatico

  1. #b76b16
  2. #e79133
  3. #efb677
  4. #f7dbbb
  5. #fdf5ed

Ombre

#efb677 miscelato progressivamente con il nero.

  1. #efb677
  2. #d7a46b
  3. #bf925f
  4. #a77f53
  5. #8f6d47
  6. #785b3c
  7. #604930
  8. #483724
  9. #302418
  10. #18120c
  11. #000000

Tinte

#efb677 miscelato progressivamente con il bianco.

  1. #efb677
  2. #f1bd85
  3. #f2c592
  4. #f4cca0
  5. #f5d3ad
  6. #f7dbbb
  7. #f9e2c9
  8. #fae9d6
  9. #fcf0e4
  10. #fdf8f1
  11. #ffffff

Toni

#efb677 miscelato progressivamente con il grigio.

  1. #efb677
  2. #e4b178
  3. #d9ab79
  4. #cea67a
  5. #c3a07b
  6. #b89b7c
  7. #ac967c
  8. #a1907d
  9. #968b7e
  10. #8b857f
  11. #808080

Testo leggibile 1.81:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 11.63:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #c1c1c1 ≈ 0.003% degli uomini
Acromatomalia #d5bda8 ≈ 0.001% degli uomini
Protanopia #c9b972 ≈ 1.01% degli uomini
Deuteranopia #d7c678 ≈ 1.27% degli uomini
Tritanopia #ffa9a6 ≈ 0.0001% degli uomini
Protanomalia #d9b874 ≈ 1.08% degli uomini
Deuteranomalia #e1c078 ≈ 4.63% degli uomini
Tritanomalia #faae96 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-efb677 {
  color: #efb677;
}
Sfondo
.bg-efb677 {
  background-color: #efb677;
  color: #000000;
}
Bordo
.border-efb677 {
  border: 2px solid #efb677;
}
Variabili CSS
:root {
  --color-primary: #efb677;
  --color-primary-rgb: 239 182 119;
  --color-primary-hsl: 32 79% 70%;
}
Sfumatura
.gradient-efb677 {
  background: linear-gradient(135deg, #efb677, #ecef77);
}
Ombra colorata
.shadow-efb677 {
  box-shadow: 0 8px 24px rgb(239 182 119 / 0.35);
}

#e5aa70 Fawn ΔE 3.34 #deb887 Burly Wood ΔE 5.01 #e3a857 Indian Yellow ΔE 5.12 #ffc87c Topaz ΔE 5.22 #ffcc99 Peach Orange ΔE 5.83 #f4a460 Sandy Brown ΔE 6.23 #ffb347 Pastel Orange ΔE 7.19 #104988 Invertito #c1c1c1 Scala di grigi 

Fawn
#efb677  rgb(239, 182, 119)  hsl(32, 79%, 70%)  Fawn
#77b0ef  rgb(119, 176, 239)  hsl(212, 79%, 70%)  Iceberg
#77efb6  rgb(119, 239, 182)  hsl(152, 79%, 70%)  Aquamarine
#b677ef  rgb(182, 119, 239)  hsl(272, 79%, 70%)  Floral Lavender