Colore con nome · #CDB2A5
Rose Dust
Rose Dust è #CDB2A5: rgb(205 178 165), hsl(19 29% 73%), oklch(0.783 0.036 47.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Rose Dust color name →
#CDB2A5
oklch(0.783 0.036 47.3)
Conversioni di colore
- HEX
- #cdb2a5
- RGB
- rgb(205 178 165)
- HSL
- hsl(19 29% 73%)
- HWB
- hwb(19 65% 20%)
- OKLCH
- oklch(0.783 0.036 47.3)
- OKLab
- oklab(0.783 0.025 0.027)
- CIE Lab
- lab(74.69 8.52 10.44)
- LCH
- lch(74.69 13.48 50.8)
- CMYK
- cmyk(0% 13% 20% 20%)
Tinte · Ombre · Toni
Tinte
- D2BAAE
- D7C1B7
- DCC9BF
- E1D0C8
- E6D8D1
- EBE0DA
- F0E7E3
- F5EFED
- FAF7F6
Ombre
- B29A8F
- 988379
- 7E6D65
- 665751
- 4E433D
- 382F2B
- 231D1A
- 0F0C0A
- 020101
Toni
- C5ADA1
- BDA89E
- B5A39A
- AE9E96
- A69992
- 9E948F
- 978F8B
- 8F8A87
- 878584
Armonie di colore
Complementare +180°
- CDB2A5
Rose Dust
- A1BECB
≈ Frozen Tundra
Analogo -30° +30°
- CDB2A5
Rose Dust
- CFB0B0
≈ Izmir Pink
- C6B69F
≈ Basic Khaki
Triadico +120° +240°
- CDB2A5
Rose Dust
- A3C0B4
≈ Folk Tales
- B6B5CF
≈ Madder Blue
Complementare divisa +150° +210°
- CDB2A5
Rose Dust
- 9EC0C0
≈ Frosty Glade
- AABAD0
≈ Seascape Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.99:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.50:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.50:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--rose-dust: #cdb2a5;
--rose-dust-rgb: 205 178 165;
--rose-dust-oklch: oklch(0.783 0.036 47.3);
}
.element {
color: var(--rose-dust);
background-color: hsl(19 29% 73%);
border-color: oklch(0.783 0.036 47.3);
}Tailwind CSS v4
@theme {
--color-rose-dust: #cdb2a5;
--color-rose-dust-50: #fef2ec;
--color-rose-dust-100: #f3e5dd;
--color-rose-dust-200: #e2d0c7;
--color-rose-dust-300: #c8b2a7;
--color-rose-dust-400: #b1988c;
--color-rose-dust-500: #9b7f72;
--color-rose-dust-600: #836c61;
--color-rose-dust-700: #69564d;
--color-rose-dust-800: #4d3f38;
--color-rose-dust-900: #362b26;
--color-rose-dust-950: #211815;
}SCSS
$rose-dust: #cdb2a5;
$rose-dust-rgb: 205, 178, 165;
$rose-dust-light: mix(#fff, $rose-dust, 20%);
$rose-dust-dark: mix(#000, $rose-dust, 20%);
.element {
color: $rose-dust;
box-shadow: 0 0 0 2px rgba($rose-dust, 0.35);
}