ColorTool
Accedi
#C4CC23

#c4cc23 ≈ Pear

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

#c4cc23 è un colore della famiglia «giallo», con luminosità media e saturazione forte. Nel modello RGB è composto da 76,86% di rosso, 80% di verde e 13,73% di blu; in stampa CMYK usa 3,92% di ciano, 0% di magenta, 82,84% di giallo e 20% di nero. Il suo angolo di tinta è 62,84°, con 70,71% di saturazione e 46,86% 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 12,01:1 (WCAG AAA). Il colore con nome più vicino è Pear (#d1e231), ΔE 5,17.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #c4cc23
  2. #2b23cc

Complementare diviso

  1. #c4cc23
  2. #236fcc
  3. #7f23cc

Analogo

  1. #cc7f23
  2. #c4cc23
  3. #6fcc23

Triadico

  1. #c4cc23
  2. #23c4cc
  3. #cc23c4

Tetradico

  1. #c4cc23
  2. #23cc2b
  3. #2b23cc
  4. #cc23c4

Quadrato

  1. #c4cc23
  2. #23cc7f
  3. #2b23cc
  4. #cc236f

Monocromatico

  1. #47490d
  2. #858b18
  3. #c4cc23
  4. #dce359
  5. #eaee9a

Ombre

#c4cc23 miscelato progressivamente con il nero.

  1. #c4cc23
  2. #b0b820
  3. #9da31c
  4. #898f19
  5. #767a15
  6. #626612
  7. #4e520e
  8. #3b3d0b
  9. #272907
  10. #141404
  11. #000000

Tinte

#c4cc23 miscelato progressivamente con il bianco.

  1. #c4cc23
  2. #cad139
  3. #d0d64f
  4. #d6db65
  5. #dce07b
  6. #e2e691
  7. #e7eba7
  8. #edf0bd
  9. #f3f5d3
  10. #f9fae9
  11. #ffffff

Toni

#c4cc23 miscelato progressivamente con il grigio.

  1. #c4cc23
  2. #bdc42c
  3. #b6bd36
  4. #b0b53f
  5. #a9ae48
  6. #a2a652
  7. #9b9e5b
  8. #949764
  9. #8e8f6d
  10. #878877
  11. #808080

Testo leggibile 1.75:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 12.01:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #c4c4c4 ≈ 0.003% degli uomini
Acromatomalia #c4c79d ≈ 0.001% degli uomini
Protanopia #dcc200 ≈ 1.01% degli uomini
Deuteranopia #dcc535 ≈ 1.27% degli uomini
Tritanopia #d2bfae ≈ 0.0001% degli uomini
Protanomalia #d3c600 ≈ 1.08% degli uomini
Deuteranomalia #d3c82f ≈ 4.63% degli uomini
Tritanomalia #ccc48c ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-c4cc23 {
  color: #c4cc23;
}
Sfondo
.bg-c4cc23 {
  background-color: #c4cc23;
  color: #000000;
}
Bordo
.border-c4cc23 {
  border: 2px solid #c4cc23;
}
Variabili CSS
:root {
  --color-primary: #c4cc23;
  --color-primary-rgb: 196 204 35;
  --color-primary-hsl: 63 71% 47%;
}
Sfumatura
.gradient-c4cc23 {
  background: linear-gradient(135deg, #c4cc23, #6fcc23);
}
Ombra colorata
.shadow-c4cc23 {
  box-shadow: 0 8px 24px rgb(196 204 35 / 0.35);
}

#d1e231 Pear ΔE 5.17 #bdda57 June Bud ΔE 6.91 #e4d00a Citrine ΔE 7.22 #f0e130 Dandelion ΔE 8.01 #e4d96f Straw ΔE 8.08 #eee600 Titanium Yellow ΔE 8.24 #9acd32 Yellow Green ΔE 9.06 #3b33dc Invertito #c4c4c4 Scala di grigi 

Pear
#c4cc23  rgb(196, 204, 35)  hsl(63, 71%, 47%)  Pear
#2b23cc  rgb(43, 35, 204)  hsl(243, 71%, 47%)  Medium Blue
#23c4cc  rgb(35, 196, 204)  hsl(183, 71%, 47%)  Dark Turquoise
#cc23c4  rgb(204, 35, 196)  hsl(303, 71%, 47%)  Medium Orchid