ColorTool
Anmelden
#D4C4AE

#d4c4ae ≈ Bone

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

#d4c4ae ist eine Farbe aus der Farbfamilie „Orange“ mit hoher Helligkeit und gedämpfter Sättigung. Im RGB-Modell besteht sie aus 83,14 % Rot, 76,86 % Grün und 68,24 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 7,55 % Magenta, 17,92 % Gelb und 16,86 % Schwarz. Ihr Farbtonwinkel beträgt 34,74° bei 30,65 % Sättigung und 75,69 % 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 12,31:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Bone (#e3dac9), ΔE 5,92.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #d4c4ae
  2. #aebed4

Geteilt komplementär

  1. #d4c4ae
  2. #aed1d4
  3. #b1aed4

Analog

  1. #d4b1ae
  2. #d4c4ae
  3. #d1d4ae

Triadisch

  1. #d4c4ae
  2. #aed4c4
  3. #c4aed4

Tetradisch

  1. #d4c4ae
  2. #bed4ae
  3. #aebed4
  4. #c4aed4

Quadrat

  1. #d4c4ae
  2. #aed4b1
  3. #aebed4
  4. #d4aed1

Monochrom

  1. #987a51
  2. #b9a07c
  3. #d4c4ae
  4. #efe8e0
  5. #f8f5f2

Schattierungen

#d4c4ae schrittweise mit Schwarz gemischt.

  1. #d4c4ae
  2. #bfb09d
  3. #aa9d8b
  4. #94897a
  5. #7f7668
  6. #6a6257
  7. #554e46
  8. #403b34
  9. #2a2723
  10. #151411
  11. #000000

Tönungen

#d4c4ae schrittweise mit Weiß gemischt.

  1. #d4c4ae
  2. #d8cab6
  3. #ddd0be
  4. #e1d6c6
  5. #e5dcce
  6. #eae2d7
  7. #eee7df
  8. #f2ede7
  9. #f6f3ef
  10. #fbf9f7
  11. #ffffff

Abtönungen

#d4c4ae schrittweise mit Grau gemischt.

  1. #d4c4ae
  2. #ccbda9
  3. #c3b6a5
  4. #bbb0a0
  5. #b2a99c
  6. #aaa297
  7. #a29b92
  8. #99948e
  9. #918e89
  10. #888785
  11. #808080

Lesbarer Text 1.71:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Lesbarer Text 12.31:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #c6c6c6 ≈ 0.003% der Männer
Achromatomalie #ccc5bd ≈ 0.001% der Männer
Protanopie #cbc4ad ≈ 1.01% der Männer
Deuteranopie #cec8af ≈ 1.27% der Männer
Tritanopie #dbc0be ≈ 0.0001% der Männer
Protanomalie #cec4ad ≈ 1.08% der Männer
Deuteranomalie #d1c6ae ≈ 4.63% der Männer
Tritanomalie #d8c1b8 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-d4c4ae {
  color: #d4c4ae;
}
Hintergrund
.bg-d4c4ae {
  background-color: #d4c4ae;
  color: #000000;
}
Rahmen
.border-d4c4ae {
  border: 2px solid #d4c4ae;
}
CSS-Variablen
:root {
  --color-primary: #d4c4ae;
  --color-primary-rgb: 212 196 174;
  --color-primary-hsl: 35 31% 76%;
}
Verlauf
.gradient-d4c4ae {
  background: linear-gradient(135deg, #d4c4ae, #d1d4ae);
}
Farbiger Schatten
.shadow-d4c4ae {
  box-shadow: 0 8px 24px rgb(212 196 174 / 0.35);
}

#e3dac9 Bone ΔE 5.92 #eae0c8 Pearl ΔE 7.07 #d2b48c Tan ΔE 7.36 #edc9af Desert Sand ΔE 7.72 #f7e7ce Champagne ΔE 8.13 #dbd7d2 Timberwolf ΔE 8.67 #f5deb3 Wheat ΔE 8.73 #2b3b51 Invertiert #c6c6c6 Graustufen 

Bone
#d4c4ae  rgb(212, 196, 174)  hsl(35, 31%, 76%)  Bone
#aebed4  rgb(174, 190, 212)  hsl(215, 31%, 76%)  Light Steel Blue
#aed4c4  rgb(174, 212, 196)  hsl(155, 31%, 76%)  Opal
#c4aed4  rgb(196, 174, 212)  hsl(275, 31%, 76%)  Lilac