Color con nombre más cercano · #542C12
#542C12
Color con nombre más cercano: Count Chocula
#542C12 (rgb(84 44 18), hsl(24 65% 20%), oklch(0.34 0.07 51.2)) se parece más al color con nombre Count Chocula. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#542C12
oklch(0.34 0.07 51.2)
Conversiones de color
- HEX
- #542c12
- RGB
- rgb(84 44 18)
- HSL
- hsl(24 65% 20%)
- HWB
- hwb(24 7% 67%)
- OKLCH
- oklch(0.34 0.07 51.2)
- OKLab
- oklab(0.34 0.044 0.055)
- CIE Lab
- lab(23.05 17.16 24.68)
- LCH
- lch(23.05 30.06 55.2)
- CMYK
- cmyk(0% 48% 79% 67%)
Tintes · Sombras · Tonos
Tintes
- 643F28
- 75523E
- 866654
- 977B6B
- A89082
- B9A59A
- CABBB2
- DCD1CB
- EDE8E5
Sombras
- 48250E
- 3C1E0A
- 311707
- 261104
- 1B0A02
- 110501
- 080201
- 020100
- 000000
Tonos
- 59341E
- 5E3D29
- 624534
- 674D3E
- 6B5649
- 705E54
- 74665F
- 786F6A
- 7C7775
Armonías de color
Complementario +180°
- 542C12
Count Chocula
- 003E55
≈ Maniac Mansion
Análogo -30° +30°
- 542C12
Count Chocula
- 572828
≈ Kuwazome Red
- 4A3300
≈ Night in the Woods
Triádico +120° +240°
- 542C12
Count Chocula
- 004333
≈ UP Forest Green
- 383159
≈ Jakarta Skyline
Complementario dividido +150° +210°
- 542C12
Count Chocula
- 004144
≈ Warm Black
- 23375C
≈ Navy Peony
Tetrádico +90° +180° +270°
- 542C12
Count Chocula
- 22411D
≈ Myrtle
- 003E55
≈ Maniac Mansion
- 482B4E
≈ Purple Pennant
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 12.02:1 · APCA Lc 97
Ag
FailSobre negro
WCAG 1.74:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 12.02:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--count-chocula: #542c12;
--count-chocula-rgb: 84 44 18;
--count-chocula-oklch: oklch(0.34 0.07 51.2);
}
.element {
color: var(--count-chocula);
background-color: hsl(24 65% 20%);
border-color: oklch(0.34 0.07 51.2);
}Tailwind CSS v4
@theme {
--color-count-chocula: #542c12;
--color-count-chocula-50: #fff0e3;
--color-count-chocula-100: #fce2d3;
--color-count-chocula-200: #edcdb9;
--color-count-chocula-300: #d5ae96;
--color-count-chocula-400: #c19379;
--color-count-chocula-500: #ac795b;
--color-count-chocula-600: #91664d;
--color-count-chocula-700: #74523e;
--color-count-chocula-800: #563b2c;
--color-count-chocula-900: #3c291e;
--color-count-chocula-950: #26160e;
}SCSS
$count-chocula: #542c12;
$count-chocula-rgb: 84, 44, 18;
$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);
}