Benannte Farbe · #D9CCB8
Studio Clay
Studio Clay ist #D9CCB8: rgb(217 204 184), hsl(36 30% 79%), oklch(0.85 0.031 78.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Studio Clay color name →
#D9CCB8
oklch(0.85 0.031 78.8)
Farbumrechnungen
- HEX
- #d9ccb8
- RGB
- rgb(217 204 184)
- HSL
- hsl(36 30% 79%)
- HWB
- hwb(36 72% 15%)
- OKLCH
- oklch(0.85 0.031 78.8)
- OKLab
- oklab(0.85 0.006 0.03)
- CIE Lab
- lab(82.72 2.23 11.72)
- LCH
- lch(82.72 11.93 79.2)
- CMYK
- cmyk(0% 6% 15% 15%)
Tints · Shades · Tones
Tints
- DDD1BF
- E1D6C6
- E4DBCD
- E8E0D4
- ECE5DB
- F0EAE2
- F4F0E9
- F7F5F1
- FBFAF8
Shades
- BCB1A0
- A19788
- 867E71
- 6C655B
- 534E45
- 3B3731
- 25221E
- 110F0C
- 020202
Tones
- D0C4B2
- C7BCAD
- BDB5A7
- B4ADA1
- ABA59C
- A39E96
- 9A9691
- 918F8B
- 898785
Farbharmonien
Komplementär +180°
- D9CCB8
Studio Clay
- C2CFE3
≈ Atmospheric Pressure
Analog -30° +30°
- D9CCB8
Studio Clay
- E0C9BD
≈ Ancient Ruins
- CFD0B9
≈ With a Twist
Triadisch +120° +240°
- D9CCB8
Studio Clay
- B8D4D5
≈ Rhythmic Blue
- D7C8DB
≈ Watercolour Grape
Geteilt komplementär +150° +210°
- D9CCB8
Studio Clay
- BAD2DE
≈ Pale Whale
- CDCBE1
≈ Opus
Tetradisch +90° +180° +270°
- D9CCB8
Studio Clay
- BBD5CA
≈ Sage Bundle
- C2CFE3
≈ Atmospheric Pressure
- DEC6D1
≈ Matt Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.58:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.27:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.27:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--studio-clay: #d9ccb8;
--studio-clay-rgb: 217 204 184;
--studio-clay-oklch: oklch(0.85 0.031 78.8);
}
.element {
color: var(--studio-clay);
background-color: hsl(36 30% 79%);
border-color: oklch(0.85 0.031 78.8);
}Tailwind CSS v4
@theme {
--color-studio-clay: #d9ccb8;
--color-studio-clay-50: #faf4ec;
--color-studio-clay-100: #ede7dd;
--color-studio-clay-200: #dbd3c6;
--color-studio-clay-300: #c0b6a6;
--color-studio-clay-400: #a89d8b;
--color-studio-clay-500: #918470;
--color-studio-clay-600: #7b705f;
--color-studio-clay-700: #62594c;
--color-studio-clay-800: #494137;
--color-studio-clay-900: #322d25;
--color-studio-clay-950: #1e1a14;
}SCSS
$studio-clay: #d9ccb8;
$studio-clay-rgb: 217, 204, 184;
$studio-clay-light: mix(#fff, $studio-clay, 20%);
$studio-clay-dark: mix(#000, $studio-clay, 20%);
.element {
color: $studio-clay;
box-shadow: 0 0 0 2px rgba($studio-clay, 0.35);
}