Benannte Farbe · #DDADAF
Pale Chestnut
Pale Chestnut ist #DDADAF: rgb(221 173 175), hsl(358 41% 77%), oklch(0.792 0.056 15.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Pale Chestnut color name →
#DDADAF
oklch(0.792 0.056 15.6)
Farbumrechnungen
- HEX
- #ddadaf
- RGB
- rgb(221 173 175)
- HSL
- hsl(358 41% 77%)
- HWB
- hwb(358 68% 13%)
- OKLCH
- oklch(0.792 0.056 15.6)
- OKLab
- oklab(0.792 0.054 0.015)
- CIE Lab
- lab(75.23 18.28 6.06)
- LCH
- lch(75.23 19.26 18.3)
- CMYK
- cmyk(0% 22% 21% 13%)
Tints · Shades · Tones
Tints
- E1B5B7
- E4BDBF
- E8C5C6
- EBCDCE
- EFD6D6
- F2DEDE
- F6E6E6
- F9EEEF
- FCF7F7
Shades
- C09698
- A47F81
- 886A6B
- 6E5556
- 554141
- 3D2D2E
- 261B1C
- 110B0B
- 020101
Tones
- D4A8AA
- CAA4A5
- C19FA1
- B79B9C
- AE9697
- A59293
- 9C8D8E
- 928989
- 898485
Farbharmonien
Komplementär +180°
- DDADAF
Pale Chestnut
- 91C7C7
≈ Embellished Blue
Analog -30° +30°
- DDADAF
Pale Chestnut
- D7ADC3
≈ Pink Lavender
- DBB09D
≈ Rose Cloud
Triadisch +120° +240°
- DDADAF
Pale Chestnut
- ABC4A0
≈ Pale Mint
- A4BDDF
≈ Blair
Geteilt komplementär +150° +210°
- DDADAF
Pale Chestnut
- 99C7B3
≈ Lobaria Lichen
- 95C3D7
≈ Sky Bus
Tetradisch +90° +180° +270°
- DDADAF
Pale Chestnut
- C0BE94
≈ New Foliage
- 91C7C7
≈ Embellished Blue
- B7B7DE
≈ Wild Orchid Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.96:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.67:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.67:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--pale-chestnut: #ddadaf;
--pale-chestnut-rgb: 221 173 175;
--pale-chestnut-oklch: oklch(0.792 0.056 15.6);
}
.element {
color: var(--pale-chestnut);
background-color: hsl(358 41% 77%);
border-color: oklch(0.792 0.056 15.6);
}Tailwind CSS v4
@theme {
--color-pale-chestnut: #ddadaf;
--color-pale-chestnut-50: #ffefef;
--color-pale-chestnut-100: #fae1e1;
--color-pale-chestnut-200: #eccbcb;
--color-pale-chestnut-300: #d3acad;
--color-pale-chestnut-400: #bd9193;
--color-pale-chestnut-500: #a8777a;
--color-pale-chestnut-600: #8e6567;
--color-pale-chestnut-700: #725152;
--color-pale-chestnut-800: #543a3d;
--color-pale-chestnut-900: #3b282a;
--color-pale-chestnut-950: #251617;
}SCSS
$pale-chestnut: #ddadaf;
$pale-chestnut-rgb: 221, 173, 175;
$pale-chestnut-light: mix(#fff, $pale-chestnut, 20%);
$pale-chestnut-dark: mix(#000, $pale-chestnut, 20%);
.element {
color: $pale-chestnut;
box-shadow: 0 0 0 2px rgba($pale-chestnut, 0.35);
}