Benannte Farbe · #C9AB9A
Powdered Allspice
Powdered Allspice ist #C9AB9A: rgb(201 171 154), hsl(22 30% 70%), oklch(0.763 0.042 51.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Powdered Allspice color name →
#C9AB9A
oklch(0.763 0.042 51.3)
Farbumrechnungen
- HEX
- #c9ab9a
- RGB
- rgb(201 171 154)
- HSL
- hsl(22 30% 70%)
- HWB
- hwb(22 60% 21%)
- OKLCH
- oklch(0.763 0.042 51.3)
- OKLab
- oklab(0.763 0.027 0.033)
- CIE Lab
- lab(72.33 9.33 13.05)
- LCH
- lch(72.33 16.04 54.4)
- CMYK
- cmyk(0% 15% 23% 21%)
Tints · Shades · Tones
Tints
- CEB3A4
- D4BBAE
- D9C4B8
- DFCCC2
- E4D4CC
- EADDD6
- EFE5E0
- F4EEEA
- FAF6F5
Shades
- AE9485
- 957E71
- 7C685E
- 64544B
- 4C4039
- 362D27
- 221B17
- 0F0B09
- 020101
Tones
- C2A797
- BAA295
- B39E92
- AB9A90
- A4958D
- 9D918B
- 968D88
- 8E8985
- 878483
Farbharmonien
Komplementär +180°
- C9AB9A
Powdered Allspice
- 98B8C9
≈ Arctic Sunrise
Analog -30° +30°
- C9AB9A
Powdered Allspice
- CCA8A6
≈ Baby Jane
- C0B094
≈ Rock Cliffs
Triadisch +120° +240°
- C9AB9A
Powdered Allspice
- 98BBAE
≈ Moncur
- B2AECC
≈ Lavender Dream
Geteilt komplementär +150° +210°
- C9AB9A
Powdered Allspice
- 93BBBD
≈ Turner’s Light
- A3B3CE
≈ Kentucky Blue
Tetradisch +90° +180° +270°
- C9AB9A
Powdered Allspice
- A4B9A0
≈ Laurel Green
- 98B8C9
≈ Arctic Sunrise
- BFAAC3
≈ Linnea Blossom
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.14:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.77:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.77:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--powdered-allspice: #c9ab9a;
--powdered-allspice-rgb: 201 171 154;
--powdered-allspice-oklch: oklch(0.763 0.042 51.3);
}
.element {
color: var(--powdered-allspice);
background-color: hsl(22 30% 70%);
border-color: oklch(0.763 0.042 51.3);
}Tailwind CSS v4
@theme {
--color-powdered-allspice: #c9ab9a;
--color-powdered-allspice-50: #fff2ea;
--color-powdered-allspice-100: #f4e4db;
--color-powdered-allspice-200: #e4d0c4;
--color-powdered-allspice-300: #cab2a4;
--color-powdered-allspice-400: #b49888;
--color-powdered-allspice-500: #9e7f6d;
--color-powdered-allspice-600: #856b5c;
--color-powdered-allspice-700: #6b564a;
--color-powdered-allspice-800: #4f3e35;
--color-powdered-allspice-900: #372b24;
--color-powdered-allspice-950: #221813;
}SCSS
$powdered-allspice: #c9ab9a;
$powdered-allspice-rgb: 201, 171, 154;
$powdered-allspice-light: mix(#fff, $powdered-allspice, 20%);
$powdered-allspice-dark: mix(#000, $powdered-allspice, 20%);
.element {
color: $powdered-allspice;
box-shadow: 0 0 0 2px rgba($powdered-allspice, 0.35);
}