ColorTool
Accedi
#683A45

#683a45 ≈ Eggplant

  • rosso
  • Luminosità: bassa
  • Saturazione: attenuata
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#683a45 è un colore della famiglia «rosso», con luminosità bassa e saturazione attenuata. Nel modello RGB è composto da 40,78% di rosso, 22,75% di verde e 27,06% di blu; in stampa CMYK usa 0% di ciano, 44,23% di magenta, 33,65% di giallo e 59,22% di nero. Il suo angolo di tinta è 345,65°, con 28,4% di saturazione e 31,76% di luminosità in HSL. È un colore caldo, spesso associato a energia, passione e urgenza. I designer lo usano spesso per marchi alimentari e ristoranti, saldi e promozioni e identità aziendali. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 9,21:1 (WCAG AAA). Il colore con nome più vicino è Eggplant (#614051), ΔE 5,2.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #683a45
  2. #3a685d

Complementare diviso

  1. #683a45
  2. #3a6846
  3. #3a5c68

Analogo

  1. #683a5c
  2. #683a45
  3. #68463a

Triadico

  1. #683a45
  2. #45683a
  3. #3a4568

Tetradico

  1. #683a45
  2. #685d3a
  3. #3a685d
  4. #3a4568

Quadrato

  1. #683a45
  2. #5c683a
  3. #3a685d
  4. #463a68

Monocromatico

  1. #0d0709
  2. #371f24
  3. #683a45
  4. #995566
  5. #b9828f

Ombre

#683a45 miscelato progressivamente con il nero.

  1. #683a45
  2. #5e343e
  3. #532e37
  4. #492930
  5. #3e2329
  6. #341d23
  7. #2a171c
  8. #1f1115
  9. #150c0e
  10. #0a0607
  11. #000000

Tinte

#683a45 miscelato progressivamente con il bianco.

  1. #683a45
  2. #774e58
  3. #86616a
  4. #95757d
  5. #a4898f
  6. #b49da2
  7. #c3b0b5
  8. #d2c4c7
  9. #e1d8da
  10. #f0ebec
  11. #ffffff

Toni

#683a45 miscelato progressivamente con il grigio.

  1. #683a45
  2. #6a414b
  3. #6d4851
  4. #6f4f57
  5. #72565d
  6. #745d63
  7. #766468
  8. #796b6e
  9. #7b7274
  10. #7e797a
  11. #808080

Testo leggibile 9.21:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.28:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #484848 ≈ 0.003% degli uomini
Acromatomalia #564347 ≈ 0.001% degli uomini
Protanopia #414245 ≈ 1.01% degli uomini
Deuteranopia #4d4b44 ≈ 1.27% degli uomini
Tritanopia #6f363e ≈ 0.0001% degli uomini
Protanomalia #533f45 ≈ 1.08% degli uomini
Deuteranomalia #594544 ≈ 4.63% degli uomini
Tritanomalia #6c3841 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-683a45 {
  color: #683a45;
}
Sfondo
.bg-683a45 {
  background-color: #683a45;
  color: #ffffff;
}
Bordo
.border-683a45 {
  border: 2px solid #683a45;
}
Variabili CSS
:root {
  --color-primary: #683a45;
  --color-primary-rgb: 104 58 69;
  --color-primary-hsl: 346 28% 32%;
}
Sfumatura
.gradient-683a45 {
  background: linear-gradient(135deg, #683a45, #68463a);
}
Ombra colorata
.shadow-683a45 {
  box-shadow: 0 8px 24px rgb(104 58 69 / 0.35);
}

#614051 Eggplant ΔE 5.20 #722f37 Wine ΔE 6.03 #7c4848 Tuscan Red ΔE 7.18 #893f45 Cordovan ΔE 8.68 #674c47 Liver ΔE 9.99 #7f1734 Claret ΔE 10.13 #78184a Pansy Purple ΔE 10.48 #97c5ba Invertito #484848 Scala di grigi 

Eggplant
#683a45  rgb(104, 58, 69)  hsl(346, 28%, 32%)  Eggplant
#3a685d  rgb(58, 104, 93)  hsl(166, 28%, 32%)  Myrtle Green
#45683a  rgb(69, 104, 58)  hsl(106, 28%, 32%)  Hunter Green
#3a4568  rgb(58, 69, 104)  hsl(226, 28%, 32%)  Dark Slate Blue