Cor nomeada mais próxima · #4F2C27
#4F2C27
Cor nomeada mais próxima: Bitter Chocolate
#4F2C27 (rgb(79 44 39), hsl(7 34% 23%), oklch(0.336 0.053 28.9)) é mais próxima da cor nomeada Bitter Chocolate. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#4F2C27
oklch(0.336 0.053 28.9)
Conversões de cor
- HEX
- #4f2c27
- RGB
- rgb(79 44 39)
- HSL
- hsl(7 34% 23%)
- HWB
- hwb(7 15% 69%)
- OKLCH
- oklch(0.336 0.053 28.9)
- OKLab
- oklab(0.336 0.046 0.026)
- CIE Lab
- lab(22.54 16.12 10.55)
- LCH
- lch(22.54 19.26 33.2)
- CMYK
- cmyk(0% 44% 51% 69%)
Tons claros · Sombras · Tons
Tons claros
- 603F3A
- 71524D
- 826661
- 937A76
- A48F8B
- B6A4A2
- C8BAB8
- DAD1CF
- ECE8E7
Sombras
- 442520
- 381E1A
- 2E1714
- 23110E
- 190A08
- 100504
- 070202
- 020101
- 000000
Tons
- 54342F
- 593C38
- 5F4440
- 644D49
- 685552
- 6D5D5B
- 726664
- 776F6D
- 7B7777
Harmonias de cor
Complementar +180°
- 4F2C27
Bitter Chocolate
- 0A3E46
≈ Ghostlands Coal
Análoga -30° +30°
- 4F2C27
Bitter Chocolate
- 4D2B36
≈ Wine Tasting
- 4B301A
≈ Bavarian Sweet Mustard
Tríade +120° +240°
- 4F2C27
Bitter Chocolate
- 223F28
≈ Mizukaze Green
- 2C3653
≈ Mediaeval Blue
Complementar dividida +150° +210°
- 4F2C27
Bitter Chocolate
- 104037
≈ Botanical Night
- 1A3B4F
≈ Subterranean River
Tétrade +90° +180° +270°
- 4F2C27
Bitter Chocolate
- 343B1A
≈ Turtle Skin
- 0A3E46
≈ Ghostlands Coal
- 3B314F
≈ Sanctum of Shadows
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 12.19:1 · APCA Lc 98
Ag
FailSobre preto
WCAG 1.72:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 12.19:1 (AAA) · APCA Lc 98
Contrast pairs
Trechos de código
CSS
:root {
--bitter-chocolate: #4f2c27;
--bitter-chocolate-rgb: 79 44 39;
--bitter-chocolate-oklch: oklch(0.336 0.053 28.9);
}
.element {
color: var(--bitter-chocolate);
background-color: hsl(7 34% 23%);
border-color: oklch(0.336 0.053 28.9);
}Tailwind CSS v4
@theme {
--color-bitter-chocolate: #4f2c27;
--color-bitter-chocolate-50: #fff0ec;
--color-bitter-chocolate-100: #f9e2dd;
--color-bitter-chocolate-200: #eaccc7;
--color-bitter-chocolate-300: #d1aea7;
--color-bitter-chocolate-400: #bc938d;
--color-bitter-chocolate-500: #a77972;
--color-bitter-chocolate-600: #8d6761;
--color-bitter-chocolate-700: #71524d;
--color-bitter-chocolate-800: #533b38;
--color-bitter-chocolate-900: #3a2927;
--color-bitter-chocolate-950: #241715;
}SCSS
$bitter-chocolate: #4f2c27;
$bitter-chocolate-rgb: 79, 44, 39;
$bitter-chocolate-light: mix(#fff, $bitter-chocolate, 20%);
$bitter-chocolate-dark: mix(#000, $bitter-chocolate, 20%);
.element {
color: $bitter-chocolate;
box-shadow: 0 0 0 2px rgba($bitter-chocolate, 0.35);
}