ColorTool
Accedi
#DDB151

#ddb151 ≈ Meat Brown

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

#ddb151 è un colore della famiglia «giallo», con luminosità media e saturazione forte. Nel modello RGB è composto da 86,67% di rosso, 69,41% di verde e 31,76% di blu; in stampa CMYK usa 0% di ciano, 19,91% di magenta, 63,35% di giallo e 13,33% di nero. Il suo angolo di tinta è 41,14°, con 67,31% di saturazione e 59,22% 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,48:1 (WCAG AAA). Il colore con nome più vicino è Meat Brown (#e5b73b), ΔE 3,71.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #ddb151
  2. #517ddd

Complementare diviso

  1. #ddb151
  2. #51c3dd
  3. #6b51dd

Analogo

  1. #dd6b51
  2. #ddb151
  3. #c3dd51

Triadico

  1. #ddb151
  2. #51ddb1
  3. #b151dd

Tetradico

  1. #ddb151
  2. #7ddd51
  3. #517ddd
  4. #b151dd

Quadrato

  1. #ddb151
  2. #51dd6b
  3. #517ddd
  4. #dd51c3

Monocromatico

  1. #7d5d18
  2. #bd8d25
  3. #ddb151
  4. #eace91
  5. #f6ead1

Ombre

#ddb151 miscelato progressivamente con il nero.

  1. #ddb151
  2. #c79f49
  3. #b18e41
  4. #9b7c39
  5. #856a31
  6. #6f5929
  7. #584720
  8. #423518
  9. #2c2310
  10. #161208
  11. #000000

Tinte

#ddb151 miscelato progressivamente con il bianco.

  1. #ddb151
  2. #e0b962
  3. #e4c174
  4. #e7c885
  5. #ebd097
  6. #eed8a8
  7. #f1e0b9
  8. #f5e8cb
  9. #f8efdc
  10. #fcf7ee
  11. #ffffff

Toni

#ddb151 miscelato progressivamente con il grigio.

  1. #ddb151
  2. #d4ac56
  3. #caa75a
  4. #c1a25f
  5. #b89d64
  6. #af9969
  7. #a5946d
  8. #9c8f72
  9. #938a77
  10. #89857b
  11. #808080

Testo leggibile 2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 10.48:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #b7b7b7 ≈ 0.003% degli uomini
Acromatomalia #c7b599 ≈ 0.001% degli uomini
Protanopia #c5b047 ≈ 1.01% degli uomini
Deuteranopia #cfbc55 ≈ 1.27% degli uomini
Tritanopia #efa39c ≈ 0.0001% degli uomini
Protanomalia #cfb14b ≈ 1.08% degli uomini
Deuteranomalia #d5b853 ≈ 4.63% degli uomini
Tritanomalia #e8a984 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-ddb151 {
  color: #ddb151;
}
Sfondo
.bg-ddb151 {
  background-color: #ddb151;
  color: #000000;
}
Bordo
.border-ddb151 {
  border: 2px solid #ddb151;
}
Variabili CSS
:root {
  --color-primary: #ddb151;
  --color-primary-rgb: 221 177 81;
  --color-primary-hsl: 41 67% 59%;
}
Sfumatura
.gradient-ddb151 {
  background: linear-gradient(135deg, #ddb151, #c3dd51);
}
Ombra colorata
.shadow-ddb151 {
  box-shadow: 0 8px 24px rgb(221 177 81 / 0.35);
}

#e5b73b Meat Brown ΔE 3.71 #d4af37 Metallic Gold ΔE 4.11 #daa520 Goldenrod ΔE 4.90 #e3a857 Indian Yellow ΔE 5.92 #cfb53b Old Gold ΔE 6.60 #f4c430 Saffron ΔE 7.34 #eaa221 Marigold ΔE 7.44 #224eae Invertito #b7b7b7 Scala di grigi 

Meat Brown
#ddb151  rgb(221, 177, 81)  hsl(41, 67%, 59%)  Meat Brown
#517ddd  rgb(81, 125, 221)  hsl(221, 67%, 59%)  Glaucous
#51ddb1  rgb(81, 221, 177)  hsl(161, 67%, 59%)  Medium Aquamarine
#b151dd  rgb(177, 81, 221)  hsl(281, 67%, 59%)  Medium Orchid