ColorTool
Anmelden
#C5A50C

#c5a50c ≈ Metallic Gold

  • Gelb
  • Helligkeit: mittlerer
  • Sättigung: kräftiger
  • Warm
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#c5a50c ist eine Farbe aus der Farbfamilie „Gelb“ mit mittlerer Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 77,25 % Rot, 64,71 % Grün und 4,71 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 16,24 % Magenta, 93,91 % Gelb und 22,75 % Schwarz. Ihr Farbtonwinkel beträgt 49,62° bei 88,52 % Sättigung und 40,98 % Helligkeit im HSL-Modell. Sie ist eine warme Farbe und wird oft mit Optimismus, Aufmerksamkeit und Freude verbunden. Designer verwenden sie häufig für Hervorhebungen und Warnungen, Kinderprodukte und Call-to-Action-Buttons. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 8,76:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Metallic Gold (#d4af37), ΔE 4,03.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

HEX
RGB
RGB in Prozent
CMY
CMYK
HSL
HSV / HSB
Websicher#cc9900
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binär
Dezimal
Relative Leuchtdichte0.3881

Komplementär

  1. #c5a50c
  2. #0c2cc5

Geteilt komplementär

  1. #c5a50c
  2. #0c89c5
  3. #480cc5

Analog

  1. #c5480c
  2. #c5a50c
  3. #89c50c

Triadisch

  1. #c5a50c
  2. #0cc5a5
  3. #a50cc5

Tetradisch

  1. #c5a50c
  2. #2cc50c
  3. #0c2cc5
  4. #a50cc5

Quadrat

  1. #c5a50c
  2. #0cc548
  3. #0c2cc5
  4. #c50c89

Monochrom

  1. #352c03
  2. #7d6908
  3. #c5a50c
  4. #f2d02b
  5. #f7e073

Schattierungen

#c5a50c schrittweise mit Schwarz gemischt.

  1. #c5a50c
  2. #b1950b
  3. #9e840a
  4. #8a7408
  5. #766307
  6. #635306
  7. #4f4205
  8. #3b3204
  9. #272102
  10. #141101
  11. #000000

Tönungen

#c5a50c schrittweise mit Weiß gemischt.

  1. #c5a50c
  2. #cbae24
  3. #d1b73d
  4. #d6c055
  5. #dcc96d
  6. #e2d286
  7. #e8db9e
  8. #eee4b6
  9. #f3edce
  10. #f9f6e7
  11. #ffffff

Abtönungen

#c5a50c schrittweise mit Grau gemischt.

  1. #c5a50c
  2. #bea118
  3. #b79e23
  4. #b09a2f
  5. #a9963a
  6. #a39346
  7. #9c8f52
  8. #958b5d
  9. #8e8769
  10. #878474
  11. #808080

Lesbarer Text 2.4:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Lesbarer Text 8.76:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #a7a7a7 ≈ 0.003% der Männer
Achromatomalie #b4a685 ≈ 0.001% der Männer
Protanopie #b8a200 ≈ 1.01% der Männer
Deuteranopie #c0ab1e ≈ 1.27% der Männer
Tritanopie #d6968c ≈ 0.0001% der Männer
Protanomalie #bda300 ≈ 1.08% der Männer
Deuteranomalie #c2a918 ≈ 4.63% der Männer
Tritanomalie #cf9c6f ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-c5a50c {
  color: #c5a50c;
}
Hintergrund
.bg-c5a50c {
  background-color: #c5a50c;
  color: #000000;
}
Rahmen
.border-c5a50c {
  border: 2px solid #c5a50c;
}
CSS-Variablen
:root {
  --color-primary: #c5a50c;
  --color-primary-rgb: 197 165 12;
  --color-primary-hsl: 50 89% 41%;
}
Verlauf
.gradient-c5a50c {
  background: linear-gradient(135deg, #c5a50c, #89c50c);
}
Farbiger Schatten
.shadow-c5a50c {
  box-shadow: 0 8px 24px rgb(197 165 12 / 0.35);
}

#d4af37 Metallic Gold ΔE 4.03 #cfb53b Old Gold ΔE 4.85 #daa520 Goldenrod ΔE 6.21 #b5a642 Brass ΔE 6.37 #e5b73b Meat Brown ΔE 7.09 #c5b358 Vegas Gold ΔE 7.52 #f4c430 Saffron ΔE 9.75 #3a5af3 Invertiert #a7a7a7 Graustufen 

Metallic Gold
#c5a50c  rgb(197, 165, 12)  hsl(50, 89%, 41%)  Metallic Gold
#0c2cc5  rgb(12, 44, 197)  hsl(230, 89%, 41%)  Persian Blue
#0cc5a5  rgb(12, 197, 165)  hsl(170, 89%, 41%)  Caribbean Green
#a50cc5  rgb(165, 12, 197)  hsl(290, 89%, 41%)  Dark Orchid