ColorTool
Anmelden
#DDC7C0

#ddc7c0 ≈ Zinnwaldite

  • Orange
  • Helligkeit: hoher
  • Sättigung: gedämpfter
  • Warm
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#ddc7c0 ist eine Farbe aus der Farbfamilie „Orange“ mit hoher Helligkeit und gedämpfter Sättigung. Im RGB-Modell besteht sie aus 86,67 % Rot, 78,04 % Grün und 75,29 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 9,95 % Magenta, 13,12 % Gelb und 13,33 % Schwarz. Ihr Farbtonwinkel beträgt 14,48° bei 29,9 % Sättigung und 80,98 % Helligkeit im HSL-Modell. Sie ist eine warme Farbe und wird oft mit Begeisterung, Wärme und Kreativität verbunden. Designer verwenden sie häufig für Call-to-Action-Buttons, Lebensmittelmarken und Restaurants und sanfte Pastellpaletten. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 13:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Zinnwaldite (#ebc2af), ΔE 6,67.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #ddc7c0
  2. #c0d6dd

Geteilt komplementär

  1. #ddc7c0
  2. #c0ddd5
  3. #c0c7dd

Analog

  1. #ddc0c7
  2. #ddc7c0
  3. #ddd5c0

Triadisch

  1. #ddc7c0
  2. #c0ddc7
  3. #c7c0dd

Tetradisch

  1. #ddc7c0
  2. #d6ddc0
  3. #c0d6dd
  4. #c7c0dd

Quadrat

  1. #ddc7c0
  2. #c7ddc0
  3. #c0d6dd
  4. #d5c0dd

Monochrom

  1. #a76f5d
  2. #c29b8e
  3. #ddc7c0
  4. #f8f3f2
  5. #f8f3f2

Schattierungen

#ddc7c0 schrittweise mit Schwarz gemischt.

  1. #ddc7c0
  2. #c7b3ad
  3. #b19f9a
  4. #9b8b86
  5. #857773
  6. #6f6460
  7. #58504d
  8. #423c3a
  9. #2c2826
  10. #161413
  11. #000000

Tönungen

#ddc7c0 schrittweise mit Weiß gemischt.

  1. #ddc7c0
  2. #e0cdc6
  3. #e4d2cd
  4. #e7d8d3
  5. #ebddd9
  6. #eee3e0
  7. #f1e9e6
  8. #f5eeec
  9. #f8f4f2
  10. #fcf9f9
  11. #ffffff

Abtönungen

#ddc7c0 schrittweise mit Grau gemischt.

  1. #ddc7c0
  2. #d4c0ba
  3. #cab9b3
  4. #c1b2ad
  5. #b8aba6
  6. #afa4a0
  7. #a59c9a
  8. #9c9593
  9. #938e8d
  10. #898786
  11. #808080

Lesbarer Text 1.61:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Lesbarer Text 13:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #cbcbcb ≈ 0.003% der Männer
Achromatomalie #d3cac7 ≈ 0.001% der Männer
Protanopie #ccc9c0 ≈ 1.01% der Männer
Deuteranopie #d1cdc0 ≈ 1.27% der Männer
Tritanopie #e3c4c5 ≈ 0.0001% der Männer
Protanomalie #d3c8c0 ≈ 1.08% der Männer
Deuteranomalie #d6cbc0 ≈ 4.63% der Männer
Tritanomalie #e1c5c3 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-ddc7c0 {
  color: #ddc7c0;
}
Hintergrund
.bg-ddc7c0 {
  background-color: #ddc7c0;
  color: #000000;
}
Rahmen
.border-ddc7c0 {
  border: 2px solid #ddc7c0;
}
CSS-Variablen
:root {
  --color-primary: #ddc7c0;
  --color-primary-rgb: 221 199 192;
  --color-primary-hsl: 14 30% 81%;
}
Verlauf
.gradient-ddc7c0 {
  background: linear-gradient(135deg, #ddc7c0, #ddd5c0);
}
Farbiger Schatten
.shadow-ddc7c0 {
  box-shadow: 0 8px 24px rgb(221 199 192 / 0.35);
}

#ebc2af Zinnwaldite ΔE 6.67 #c4aead Silver Pink ΔE 7.00 #ffe4e1 Misty Rose ΔE 7.48 #ffddca Unbleached Silk ΔE 7.66 #edc9af Desert Sand ΔE 7.75 #fadadd Pale Pink ΔE 7.92 #dbd7d2 Timberwolf ΔE 8.20 #22383f Invertiert #cbcbcb Graustufen 

Zinnwaldite
#ddc7c0  rgb(221, 199, 192)  hsl(14, 30%, 81%)  Zinnwaldite
#c0d6dd  rgb(192, 214, 221)  hsl(194, 30%, 81%)  Pastel Blue
#c0ddc7  rgb(192, 221, 199)  hsl(134, 30%, 81%)  Tea Green
#c7c0dd  rgb(199, 192, 221)  hsl(254, 30%, 81%)  Languid Lavender