Benannte Farbe · #D3B9B0
Cracker Crumbs
Cracker Crumbs ist #D3B9B0: rgb(211 185 176), hsl(15 28% 76%), oklch(0.805 0.033 40.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cracker Crumbs color name →
#D3B9B0
oklch(0.805 0.033 40.1)
Farbumrechnungen
- HEX
- #d3b9b0
- RGB
- rgb(211 185 176)
- HSL
- hsl(15 28% 76%)
- HWB
- hwb(15 69% 17%)
- OKLCH
- oklch(0.805 0.033 40.1)
- OKLab
- oklab(0.805 0.025 0.021)
- CIE Lab
- lab(77.22 8.52 8.17)
- LCH
- lch(77.22 11.81 43.8)
- CMYK
- cmyk(0% 12% 17% 17%)
Tints · Shades · Tones
Tints
- D7C0B8
- DCC7BF
- E0CEC7
- E5D5CF
- E9DCD7
- EEE3DF
- F2EAE7
- F6F1EF
- FBF8F7
Shades
- B7A099
- 9C8982
- 82716C
- 695B56
- 514642
- 3A312E
- 241E1C
- 100D0B
- 020201
Tones
- CAB3AB
- C2ADA6
- B9A8A1
- B1A29D
- A99C98
- A19693
- 98918E
- 908B89
- 888685
Farbharmonien
Komplementär +180°
- D3B9B0
Cracker Crumbs
- A9C5CE
≈ Salt Spray
Analog -30° +30°
- D3B9B0
Cracker Crumbs
- D3B7BB
≈ Rose Stain
- CDBCA9
≈ Attic Linen
Triadisch +120° +240°
- D3B9B0
Cracker Crumbs
- AEC6B8
≈ Pine Whisper
- BBBED5
≈ Hazy Sky
Geteilt komplementär +150° +210°
- D3B9B0
Cracker Crumbs
- A9C7C4
≈ Peppermint Pie
- B0C2D4
≈ Airway
Tetradisch +90° +180° +270°
- D3B9B0
Cracker Crumbs
- B9C4AE
≈ Arbor Vitae
- A9C5CE
≈ Salt Spray
- C6BAD0
≈ Fog Syringa
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.85:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.33:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.33:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
CSS
:root {
--cracker-crumbs: #d3b9b0;
--cracker-crumbs-rgb: 211 185 176;
--cracker-crumbs-oklch: oklch(0.805 0.033 40.1);
}
.element {
color: var(--cracker-crumbs);
background-color: hsl(15 28% 76%);
border-color: oklch(0.805 0.033 40.1);
}Tailwind CSS v4
@theme {
--color-cracker-crumbs: #d3b9b0;
--color-cracker-crumbs-50: #fef2ee;
--color-cracker-crumbs-100: #f2e5e0;
--color-cracker-crumbs-200: #e1d0ca;
--color-cracker-crumbs-300: #c7b2ab;
--color-cracker-crumbs-400: #b09890;
--color-cracker-crumbs-500: #9a7f76;
--color-cracker-crumbs-600: #826c64;
--color-cracker-crumbs-700: #685650;
--color-cracker-crumbs-800: #4d3f3a;
--color-cracker-crumbs-900: #352b28;
--color-cracker-crumbs-950: #201816;
}SCSS
$cracker-crumbs: #d3b9b0;
$cracker-crumbs-rgb: 211, 185, 176;
$cracker-crumbs-light: mix(#fff, $cracker-crumbs, 20%);
$cracker-crumbs-dark: mix(#000, $cracker-crumbs, 20%);
.element {
color: $cracker-crumbs;
box-shadow: 0 0 0 2px rgba($cracker-crumbs, 0.35);
}