Cor nomeada mais próxima · #5E351B
#5E351B
Cor nomeada mais próxima: Count Chocula
#5E351B (rgb(94 53 27), hsl(23 55% 24%), oklch(0.374 0.07 51.4)) é mais próxima da cor nomeada Count Chocula. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#5E351B
oklch(0.374 0.07 51.4)
Conversões de cor
- HEX
- #5e351b
- RGB
- rgb(94 53 27)
- HSL
- hsl(23 55% 24%)
- HWB
- hwb(23 11% 63%)
- OKLCH
- oklch(0.374 0.07 51.4)
- OKLab
- oklab(0.374 0.044 0.055)
- CIE Lab
- lab(27.04 17 24.28)
- LCH
- lch(27.04 29.64 55)
- CMYK
- cmyk(0% 44% 71% 63%)
Tons claros · Sombras · Tons
Tons claros
- 6E4730
- 7D5A45
- 8D6D5B
- 9D8171
- AD9587
- BDA99E
- CDBEB6
- DED3CE
- EEE9E6
Sombras
- 512D16
- 442511
- 371D0C
- 2B1508
- 1F0E05
- 140802
- 0A0301
- 030100
- 000000
Tons
- 623D26
- 664430
- 694B3A
- 6D5344
- 705A4E
- 746258
- 776962
- 7A716C
- 7D7876
Harmonias de cor
Complementar +180°
- 5E351B
Count Chocula
- 0B475F
≈ Stegadon Scale Green
Análoga -30° +30°
- 5E351B
Count Chocula
- 613030
≈ Rookwood Red
- 543C0B
≈ Pineapple
Tríade +120° +240°
- 5E351B
Count Chocula
- 064D3C
≈ Raspberry Leaf Green
- 413963
≈ Storm Is Coming
Complementar dividida +150° +210°
- 5E351B
Count Chocula
- 004B4F
≈ Sherpa Blue
- 2B4066
≈ Elmer’s Echo
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.49:1 · APCA Lc 94
Ag
FailSobre preto
WCAG 2.00:1 · APCA Lc 8
Melhor cor de texto: #FFFFFF
WCAG 10.49:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--count-chocula: #5e351b;
--count-chocula-rgb: 94 53 27;
--count-chocula-oklch: oklch(0.374 0.07 51.4);
}
.element {
color: var(--count-chocula);
background-color: hsl(23 55% 24%);
border-color: oklch(0.374 0.07 51.4);
}Tailwind CSS v4
@theme {
--color-count-chocula: #5e351b;
--color-count-chocula-50: #fff0e3;
--color-count-chocula-100: #fce2d3;
--color-count-chocula-200: #edcdb9;
--color-count-chocula-300: #d5ae96;
--color-count-chocula-400: #c19378;
--color-count-chocula-500: #ac795a;
--color-count-chocula-600: #91664d;
--color-count-chocula-700: #75523d;
--color-count-chocula-800: #563b2c;
--color-count-chocula-900: #3c291e;
--color-count-chocula-950: #26160e;
}SCSS
$count-chocula: #5e351b;
$count-chocula-rgb: 94, 53, 27;
$count-chocula-light: mix(#fff, $count-chocula, 20%);
$count-chocula-dark: mix(#000, $count-chocula, 20%);
.element {
color: $count-chocula;
box-shadow: 0 0 0 2px rgba($count-chocula, 0.35);
}