Benannte Farbe · #D9C8B7
Clay Pipe
Clay Pipe ist #D9C8B7: rgb(217 200 183), hsl(30 31% 78%), oklch(0.842 0.03 67.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Clay Pipe color name →
#D9C8B7
oklch(0.842 0.03 67.4)
Farbumrechnungen
- HEX
- #d9c8b7
- RGB
- rgb(217 200 183)
- HSL
- hsl(30 31% 78%)
- HWB
- hwb(30 72% 15%)
- OKLCH
- oklch(0.842 0.03 67.4)
- OKLab
- oklab(0.842 0.012 0.028)
- CIE Lab
- lab(81.68 4.09 10.8)
- LCH
- lch(81.68 11.55 69.2)
- CMYK
- cmyk(0% 8% 16% 15%)
Tints · Shades · Tones
Tints
- DDCDBE
- E1D3C5
- E4D8CC
- E8DED3
- ECE3DB
- F0E9E2
- F4EEE9
- F7F4F0
- FBF9F8
Shades
- BCAE9F
- A19487
- 867B70
- 6C635A
- 534C45
- 3B3631
- 25211E
- 110F0C
- 020202
Tones
- D0C1B1
- C7B9AC
- BDB2A6
- B4ABA1
- ACA39B
- A39C96
- 9A9590
- 918E8B
- 898785
Farbharmonien
Komplementär +180°
- D9C8B7
Clay Pipe
- BCCEDE
≈ Sky’s the Limit
Analog -30° +30°
- D9C8B7
Clay Pipe
- DEC5BE
≈ Tender Shell
- D0CCB6
≈ Skipping Stone
Triadisch +120° +240°
- D9C8B7
Clay Pipe
- B6D2CE
≈ Malaysian Mist
- D0C6DB
≈ Angel Kiss
Geteilt komplementär +150° +210°
- D9C8B7
Clay Pipe
- B6D1D8
≈ Subtle Breeze
- C6CADF
≈ Periwinkle Powder
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.62:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.89:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.89:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--clay-pipe: #d9c8b7;
--clay-pipe-rgb: 217 200 183;
--clay-pipe-oklch: oklch(0.842 0.03 67.4);
}
.element {
color: var(--clay-pipe);
background-color: hsl(30 31% 78%);
border-color: oklch(0.842 0.03 67.4);
}Tailwind CSS v4
@theme {
--color-clay-pipe: #d9c8b7;
--color-clay-pipe-50: #fbf4ec;
--color-clay-pipe-100: #efe6dd;
--color-clay-pipe-200: #ddd2c7;
--color-clay-pipe-300: #c2b5a7;
--color-clay-pipe-400: #ab9b8c;
--color-clay-pipe-500: #948371;
--color-clay-pipe-600: #7d6f60;
--color-clay-pipe-700: #64584d;
--color-clay-pipe-800: #4a4038;
--color-clay-pipe-900: #332c26;
--color-clay-pipe-950: #1f1914;
}SCSS
$clay-pipe: #d9c8b7;
$clay-pipe-rgb: 217, 200, 183;
$clay-pipe-light: mix(#fff, $clay-pipe, 20%);
$clay-pipe-dark: mix(#000, $clay-pipe, 20%);
.element {
color: $clay-pipe;
box-shadow: 0 0 0 2px rgba($clay-pipe, 0.35);
}