Color con nombre · #CDB2A5
Rose Dust
Rose Dust es #CDB2A5: rgb(205 178 165), hsl(19 29% 73%), oklch(0.783 0.036 47.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Rose Dust color name →
#CDB2A5
oklch(0.783 0.036 47.3)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- D2BAAE
- D7C1B7
- DCC9BF
- E1D0C8
- E6D8D1
- EBE0DA
- F0E7E3
- F5EFED
- FAF7F6
Sombras
- B29A8F
- 988379
- 7E6D65
- 665751
- 4E433D
- 382F2B
- 231D1A
- 0F0C0A
- 020101
Tonos
- C5ADA1
- BDA89E
- B5A39A
- AE9E96
- A69992
- 9E948F
- 978F8B
- 8F8A87
- 878584
Armonías de color
Complementario +180°
- CDB2A5
Rose Dust
- A1BECB
≈ Frozen Tundra
Análogo -30° +30°
- CDB2A5
Rose Dust
- CFB0B0
≈ Izmir Pink
- C6B69F
≈ Basic Khaki
Triádico +120° +240°
- CDB2A5
Rose Dust
- A3C0B4
≈ Folk Tales
- B6B5CF
≈ Madder Blue
Complementario dividido +150° +210°
- CDB2A5
Rose Dust
- 9EC0C0
≈ Frosty Glade
- AABAD0
≈ Seascape Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.99:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.50:1 · APCA Lc 64
Mejor color de texto: #000000
WCAG 10.50:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmentos de código
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);
}