ColorTool
Accedi
#CCBA5C

#ccba5c ≈ Vegas Gold

  • giallo
  • Luminosità: media
  • Saturazione: moderata
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#ccba5c è un colore della famiglia «giallo», con luminosità media e saturazione moderata. Nel modello RGB è composto da 80% di rosso, 72,94% di verde e 36,08% di blu; in stampa CMYK usa 0% di ciano, 8,82% di magenta, 54,9% di giallo e 20% di nero. Il suo angolo di tinta è 50,36°, con 52,34% di saturazione e 58,04% di luminosità in HSL. È un colore caldo, spesso associato a ottimismo, attenzione e gioia. I designer lo usano spesso per evidenziazioni e avvisi, prodotti per bambini e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 10,75:1 (WCAG AAA). Il colore con nome più vicino è Vegas Gold (#c5b358), ΔE 1,9.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #ccba5c
  2. #5c6ecc

Complementare diviso

  1. #ccba5c
  2. #5ca6cc
  3. #825ccc

Analogo

  1. #cc825c
  2. #ccba5c
  3. #a6cc5c

Triadico

  1. #ccba5c
  2. #5cccba
  3. #ba5ccc

Tetradico

  1. #ccba5c
  2. #6ecc5c
  3. #5c6ecc
  4. #ba5ccc

Quadrato

  1. #ccba5c
  2. #5ccc82
  3. #5c6ecc
  4. #cc5ca6

Monocromatico

  1. #6d6122
  2. #a79534
  3. #ccba5c
  4. #ded396
  5. #f0ebd1

Ombre

#ccba5c miscelato progressivamente con il nero.

  1. #ccba5c
  2. #b8a753
  3. #a3954a
  4. #8f8240
  5. #7a7037
  6. #665d2e
  7. #524a25
  8. #3d381c
  9. #292512
  10. #141309
  11. #000000

Tinte

#ccba5c miscelato progressivamente con il bianco.

  1. #ccba5c
  2. #d1c16c
  3. #d6c87d
  4. #dbcf8d
  5. #e0d69d
  6. #e6ddae
  7. #ebe3be
  8. #f0eace
  9. #f5f1de
  10. #faf8ef
  11. #ffffff

Toni

#ccba5c miscelato progressivamente con il grigio.

  1. #ccba5c
  2. #c4b460
  3. #bdae63
  4. #b5a967
  5. #aea36a
  6. #a69d6e
  7. #9e9772
  8. #979175
  9. #8f8c79
  10. #88867c
  11. #808080

Testo leggibile 1.95:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 10.75:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #b9b9b9 ≈ 0.003% degli uomini
Acromatomalia #c1ba9d ≈ 0.001% degli uomini
Protanopia #c9b653 ≈ 1.01% degli uomini
Deuteranopia #cebc60 ≈ 1.27% degli uomini
Tritanopia #daaea5 ≈ 0.0001% degli uomini
Protanomalia #cab757 ≈ 1.08% degli uomini
Deuteranomalia #cdbb5f ≈ 4.63% degli uomini
Tritanomalia #d5b38d ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-ccba5c {
  color: #ccba5c;
}
Sfondo
.bg-ccba5c {
  background-color: #ccba5c;
  color: #000000;
}
Bordo
.border-ccba5c {
  border: 2px solid #ccba5c;
}
Variabili CSS
:root {
  --color-primary: #ccba5c;
  --color-primary-rgb: 204 186 92;
  --color-primary-hsl: 50 52% 58%;
}
Sfumatura
.gradient-ccba5c {
  background: linear-gradient(135deg, #ccba5c, #a6cc5c);
}
Ombra colorata
.shadow-ccba5c {
  box-shadow: 0 8px 24px rgb(204 186 92 / 0.35);
}

#c5b358 Vegas Gold ΔE 1.90 #cfb53b Old Gold ΔE 4.20 #bdb76b Dark Khaki ΔE 4.72 #b5a642 Brass ΔE 5.91 #d4af37 Metallic Gold ΔE 6.40 #e4d96f Straw ΔE 7.66 #e5b73b Meat Brown ΔE 8.17 #3345a3 Invertito #b9b9b9 Scala di grigi 

Vegas Gold
#ccba5c  rgb(204, 186, 92)  hsl(50, 52%, 58%)  Vegas Gold
#5c6ecc  rgb(92, 110, 204)  hsl(230, 52%, 58%)  Royal Blue
#5cccba  rgb(92, 204, 186)  hsl(170, 52%, 58%)  Medium Turquoise
#ba5ccc  rgb(186, 92, 204)  hsl(290, 52%, 58%)  Medium Orchid