Cor nomeada · #CEADA3
Rose Smoke
Rose Smoke é #CEADA3: rgb(206 173 163), hsl(14 30% 72%), oklch(0.774 0.041 37.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rose Smoke color name →
#CEADA3
oklch(0.774 0.041 37.5)
Conversões de cor
- HEX
- #ceada3
- RGB
- rgb(206 173 163)
- HSL
- hsl(14 30% 72%)
- HWB
- hwb(14 64% 19%)
- OKLCH
- oklch(0.774 0.041 37.5)
- OKLab
- oklab(0.774 0.033 0.025)
- CIE Lab
- lab(73.49 11.22 9.86)
- LCH
- lch(73.49 14.94 41.3)
- CMYK
- cmyk(0% 16% 21% 19%)
Tons claros · Sombras · Tons
Tons claros
- D3B5AC
- D8BDB5
- DDC5BE
- E2CDC7
- E7D5D0
- ECDED9
- F1E6E3
- F5EEEC
- FAF7F6
Sombras
- B3968D
- 987F78
- 7F6A63
- 66554F
- 4E413C
- 382D2A
- 231B19
- 0F0B0A
- 020101
Tons
- C6A89F
- BEA49C
- B69F98
- AE9B95
- A79691
- 9F928E
- 978D8A
- 8F8987
- 888483
Harmonias de cor
Complementar +180°
- CEADA3
Rose Smoke
- 99BCC7
≈ Déjà Blue
Análoga -30° +30°
- CEADA3
Rose Smoke
- CEABB1
≈ Sugarplum Dance
- C8B19A
≈ Nomadic Desert
Tríade +120° +240°
- CEADA3
Rose Smoke
- A1BEAB
≈ Spring Reflection
- AFB4D0
≈ Hundred Waters
Complementar dividida +150° +210°
- CEADA3
Rose Smoke
- 98BEBA
≈ Envisage
- A1B8CF
≈ Blue Garter
Tétrade +90° +180° +270°
- CEADA3
Rose Smoke
- AEBB9F
≈ Pale Sage
- 99BCC7
≈ Déjà Blue
- BCAFCA
≈ Violet Bouquet
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.07:1 · APCA Lc 40
Ag
AAASobre preto
WCAG 10.13:1 · APCA Lc 62
Melhor cor de texto: #000000
WCAG 10.13:1 (AAA) · APCA Lc 62
Contrast pairs
Trechos de código
CSS
:root {
--rose-smoke: #ceada3;
--rose-smoke-rgb: 206 173 163;
--rose-smoke-oklch: oklch(0.774 0.041 37.5);
}
.element {
color: var(--rose-smoke);
background-color: hsl(14 30% 72%);
border-color: oklch(0.774 0.041 37.5);
}Tailwind CSS v4
@theme {
--color-rose-smoke: #ceada3;
--color-rose-smoke-50: #fff1ec;
--color-rose-smoke-100: #f5e4de;
--color-rose-smoke-200: #e5cfc7;
--color-rose-smoke-300: #cbb1a8;
--color-rose-smoke-400: #b5978d;
--color-rose-smoke-500: #9f7d73;
--color-rose-smoke-600: #876a61;
--color-rose-smoke-700: #6c554e;
--color-rose-smoke-800: #503e39;
--color-rose-smoke-900: #372a27;
--color-rose-smoke-950: #221815;
}SCSS
$rose-smoke: #ceada3;
$rose-smoke-rgb: 206, 173, 163;
$rose-smoke-light: mix(#fff, $rose-smoke, 20%);
$rose-smoke-dark: mix(#000, $rose-smoke, 20%);
.element {
color: $rose-smoke;
box-shadow: 0 0 0 2px rgba($rose-smoke, 0.35);
}