Cor nomeada · #803F3F
Dozen Roses
Dozen Roses é #803F3F: rgb(128 63 63), hsl(0 34% 37%), oklch(0.45 0.09 21.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Dozen Roses color name →
#803F3F
oklch(0.45 0.09 21.3)
Conversões de cor
- HEX
- #803f3f
- RGB
- rgb(128 63 63)
- HSL
- hsl(0 34% 37%)
- HWB
- hwb(0 25% 50%)
- OKLCH
- oklch(0.45 0.09 21.3)
- OKLab
- oklab(0.45 0.084 0.033)
- CIE Lab
- lab(35.34 28.62 13.62)
- LCH
- lch(35.34 31.69 25.4)
- CMYK
- cmyk(0% 51% 51% 50%)
Tons claros · Sombras · Tons
Tons claros
- 8D5150
- 9B6362
- A87674
- B48987
- C19C9A
- CEAFAD
- DAC2C1
- E7D6D5
- F3EBEA
Sombras
- 6E3535
- 5D2C2C
- 4D2323
- 3D1B1B
- 2E1212
- 1F0A0A
- 120404
- 060101
- 010000
Tons
- 814645
- 824D4C
- 825352
- 835A59
- 83605F
- 836766
- 826D6C
- 827373
- 817A79
Harmonias de cor
Complementar +180°
- 803F3F
Dozen Roses
- 006267
≈ Really Teal
Análoga -30° +30°
- 803F3F
Dozen Roses
- 7A3F5B
≈ Mulled Plum
- 7C4522
≈ Russet
Tríade +120° +240°
- 803F3F
Dozen Roses
- 376231
≈ Gameboy Shade
- 385587
≈ Glimpse of Void
Complementar dividida +150° +210°
- 803F3F
Dozen Roses
- 00654F
≈ Green Paw Paw
- 035D7E
≈ Back of Beyond
Tétrade +90° +180° +270°
- 803F3F
Dozen Roses
- 585A13
≈ Greensboro
- 006267
≈ Really Teal
- 564B83
≈ Victoria
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.77:1 · APCA Lc 87
Ag
FailSobre preto
WCAG 2.70:1 · APCA Lc 15
Melhor cor de texto: #FFFFFF
WCAG 7.77:1 (AAA) · APCA Lc 87
Contrast pairs
Trechos de código
CSS
:root {
--dozen-roses: #803f3f;
--dozen-roses-rgb: 128 63 63;
--dozen-roses-oklch: oklch(0.45 0.09 21.3);
}
.element {
color: var(--dozen-roses);
background-color: hsl(0 34% 37%);
border-color: oklch(0.45 0.09 21.3);
}Tailwind CSS v4
@theme {
--color-dozen-roses: #803f3f;
--color-dozen-roses-50: #ffece9;
--color-dozen-roses-100: #ffddda;
--color-dozen-roses-200: #f9c6c2;
--color-dozen-roses-300: #e2a6a2;
--color-dozen-roses-400: #ce8987;
--color-dozen-roses-500: #ba6d6c;
--color-dozen-roses-600: #9e5d5b;
--color-dozen-roses-700: #7e4a49;
--color-dozen-roses-800: #5e3536;
--color-dozen-roses-900: #422425;
--color-dozen-roses-950: #2a1313;
}SCSS
$dozen-roses: #803f3f;
$dozen-roses-rgb: 128, 63, 63;
$dozen-roses-light: mix(#fff, $dozen-roses, 20%);
$dozen-roses-dark: mix(#000, $dozen-roses, 20%);
.element {
color: $dozen-roses;
box-shadow: 0 0 0 2px rgba($dozen-roses, 0.35);
}