Cor nomeada mais próxima · #84213C
#84213C
Cor nomeada mais próxima: Beet Red
#84213C (rgb(132 33 60), hsl(344 60% 32%), oklch(0.416 0.134 9.2)) é mais próxima da cor nomeada Beet Red. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#84213C
oklch(0.416 0.134 9.2)
Conversões de cor
- HEX
- #84213c
- RGB
- rgb(132 33 60)
- HSL
- hsl(344 60% 32%)
- HWB
- hwb(344 13% 48%)
- OKLCH
- oklch(0.416 0.134 9.2)
- OKLab
- oklab(0.416 0.132 0.022)
- CIE Lab
- lab(30.64 43.62 9.38)
- LCH
- lch(30.64 44.62 12.1)
- CMYK
- cmyk(0% 75% 55% 48%)
Tons claros · Sombras · Tons
Tons claros
- 923A4D
- A0505F
- AD6571
- BA7A84
- C69098
- D3A5AC
- DEBBC0
- E9D2D5
- F4E8EA
Sombras
- 721B33
- 60162A
- 4F1021
- 3F0B19
- 2F0611
- 20030A
- 120104
- 060001
- 010000
Tons
- 852E42
- 863949
- 874350
- 874C56
- 87555D
- 865E64
- 86676B
- 846F72
- 827879
Harmonias de cor
Complementar +180°
- 84213C
Beet Red
- 005854
≈ Baltic Prince
Análoga -30° +30°
- 84213C
Beet Red
- 782763
≈ Byzantium
- 842900
≈ Red Shade Wash
Tríade +120° +240°
- 84213C
Beet Red
- 385700
≈ Deep Forestial Escapade
- 004E87
≈ Snorkel Blue
Complementar dividida +150° +210°
- 84213C
Beet Red
- 005B39
≈ Crusoe
- 005568
≈ Plunge
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.27:1 · APCA Lc 90
Ag
FailSobre preto
WCAG 2.26:1 · APCA Lc 12
Melhor cor de texto: #FFFFFF
WCAG 9.27:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--beet-red: #84213c;
--beet-red-rgb: 132 33 60;
--beet-red-oklch: oklch(0.416 0.134 9.2);
}
.element {
color: var(--beet-red);
background-color: hsl(344 60% 32%);
border-color: oklch(0.416 0.134 9.2);
}Tailwind CSS v4
@theme {
--color-beet-red: #84213c;
--color-beet-red-50: #ffe6eb;
--color-beet-red-100: #ffd6dd;
--color-beet-red-200: #ffbdc6;
--color-beet-red-300: #f39aa6;
--color-beet-red-400: #e17b8d;
--color-beet-red-500: #ce5a73;
--color-beet-red-600: #ae4d61;
--color-beet-red-700: #8c3e4e;
--color-beet-red-800: #682c3a;
--color-beet-red-900: #491e28;
--color-beet-red-950: #2f0d16;
}SCSS
$beet-red: #84213c;
$beet-red-rgb: 132, 33, 60;
$beet-red-light: mix(#fff, $beet-red, 20%);
$beet-red-dark: mix(#000, $beet-red, 20%);
.element {
color: $beet-red;
box-shadow: 0 0 0 2px rgba($beet-red, 0.35);
}