Colore con nome · #D9CCB8
Studio Clay
Studio Clay è #D9CCB8: rgb(217 204 184), hsl(36 30% 79%), oklch(0.85 0.031 78.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Studio Clay color name →
#D9CCB8
oklch(0.85 0.031 78.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- DDD1BF
- E1D6C6
- E4DBCD
- E8E0D4
- ECE5DB
- F0EAE2
- F4F0E9
- F7F5F1
- FBFAF8
Ombre
- BCB1A0
- A19788
- 867E71
- 6C655B
- 534E45
- 3B3731
- 25221E
- 110F0C
- 020202
Toni
- D0C4B2
- C7BCAD
- BDB5A7
- B4ADA1
- ABA59C
- A39E96
- 9A9691
- 918F8B
- 898785
Armonie di colore
Complementare +180°
- D9CCB8
Studio Clay
- C2CFE3
≈ Atmospheric Pressure
Analogo -30° +30°
- D9CCB8
Studio Clay
- E0C9BD
≈ Ancient Ruins
- CFD0B9
≈ With a Twist
Triadico +120° +240°
- D9CCB8
Studio Clay
- B8D4D5
≈ Rhythmic Blue
- D7C8DB
≈ Watercolour Grape
Complementare divisa +150° +210°
- D9CCB8
Studio Clay
- BAD2DE
≈ Pale Whale
- CDCBE1
≈ Opus
Tetradico +90° +180° +270°
- D9CCB8
Studio Clay
- BBD5CA
≈ Sage Bundle
- C2CFE3
≈ Atmospheric Pressure
- DEC6D1
≈ Matt Lilac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.58:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.27:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.27:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
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);
}