Cor nomeada mais próxima · #51331B
#51331B
Cor nomeada mais próxima: Moelleux au Chocolat
#51331B (rgb(81 51 27), hsl(27 50% 21%), oklch(0.351 0.057 58.1)) é mais próxima da cor nomeada Moelleux au Chocolat. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#51331B
oklch(0.351 0.057 58.1)
Conversões de cor
- HEX
- #51331b
- RGB
- rgb(81 51 27)
- HSL
- hsl(27 50% 21%)
- HWB
- hwb(27 11% 68%)
- OKLCH
- oklch(0.351 0.057 58.1)
- OKLab
- oklab(0.351 0.03 0.048)
- CIE Lab
- lab(24.55 11.93 20.84)
- LCH
- lch(24.55 24.01 60.2)
- CMYK
- cmyk(0% 37% 67% 68%)
Tons claros · Sombras · Tons
Tons claros
- 614530
- 725844
- 836B5A
- 947F70
- A59386
- B7A89D
- C8BDB5
- DAD3CD
- EDE9E6
Sombras
- 452B16
- 3A2311
- 2F1C0C
- 241408
- 1A0D05
- 100702
- 070301
- 020100
- 000000
Tons
- 563A25
- 5B422F
- 604A39
- 645143
- 69594D
- 6E6057
- 726861
- 77706B
- 7B7876
Harmonias de cor
Complementar +180°
- 51331B
Moelleux au Chocolat
- 1B3F55
≈ Capital Blue
Análoga -30° +30°
- 51331B
Moelleux au Chocolat
- 552F2A
≈ Bratwurst
- 473914
≈ Lisbon Brown
Tríade +120° +240°
- 51331B
Moelleux au Chocolat
- 0F443B
≈ Black Soap
- 3F3455
≈ Naggaroth Night
Complementar dividida +150° +210°
- 51331B
Moelleux au Chocolat
- 08434A
≈ Rapture
- 2E3A59
≈ Mediaeval Blue
Tétrade +90° +180° +270°
- 51331B
Moelleux au Chocolat
- 25432A
≈ Zucchini
- 1B3F55
≈ Capital Blue
- 4B304A
≈ Grimace
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.41:1 · APCA Lc 96
Ag
FailSobre preto
WCAG 1.83:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 11.41:1 (AAA) · APCA Lc 96
Contrast pairs
Trechos de código
CSS
:root {
--moelleux-au-chocolat: #51331b;
--moelleux-au-chocolat-rgb: 81 51 27;
--moelleux-au-chocolat-oklch: oklch(0.351 0.057 58.1);
}
.element {
color: var(--moelleux-au-chocolat);
background-color: hsl(27 50% 21%);
border-color: oklch(0.351 0.057 58.1);
}Tailwind CSS v4
@theme {
--color-moelleux-au-chocolat: #51331b;
--color-moelleux-au-chocolat-50: #fff2e5;
--color-moelleux-au-chocolat-100: #f7e4d5;
--color-moelleux-au-chocolat-200: #e7cfbd;
--color-moelleux-au-chocolat-300: #ceb19b;
--color-moelleux-au-chocolat-400: #b9977e;
--color-moelleux-au-chocolat-500: #a37d61;
--color-moelleux-au-chocolat-600: #8a6a52;
--color-moelleux-au-chocolat-700: #6f5541;
--color-moelleux-au-chocolat-800: #523d2f;
--color-moelleux-au-chocolat-900: #392a20;
--color-moelleux-au-chocolat-950: #231810;
}SCSS
$moelleux-au-chocolat: #51331b;
$moelleux-au-chocolat-rgb: 81, 51, 27;
$moelleux-au-chocolat-light: mix(#fff, $moelleux-au-chocolat, 20%);
$moelleux-au-chocolat-dark: mix(#000, $moelleux-au-chocolat, 20%);
.element {
color: $moelleux-au-chocolat;
box-shadow: 0 0 0 2px rgba($moelleux-au-chocolat, 0.35);
}