Couleur nommée la plus proche · #512D00
#512D00
Couleur nommée la plus proche: Moelleux au Chocolat
#512D00 (rgb(81 45 0), hsl(33 100% 16%), oklch(0.336 0.076 64.6)) est la plus proche de la couleur nommée Moelleux au Chocolat. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#512D00
oklch(0.336 0.076 64.6)
Conversions de couleur
- HEX
- #512d00
- RGB
- rgb(81 45 0)
- HSL
- hsl(33 100% 16%)
- HWB
- hwb(33 0% 68%)
- OKLCH
- oklch(0.336 0.076 64.6)
- OKLab
- oklab(0.336 0.032 0.068)
- CIE Lab
- lab(22.7 14.53 32.16)
- LCH
- lch(22.7 35.29 65.7)
- CMYK
- cmyk(0% 44% 100% 68%)
Teintes · Ombres · Tons
Teintes
- 62401D
- 725335
- 83674D
- 947B64
- A5907D
- B7A696
- C9BBAF
- DBD1C9
- EDE8E4
Ombres
- 452600
- 3A1F00
- 2F1800
- 241100
- 1A0B00
- 100600
- 070200
- 020100
- 000000
Tons
- 563511
- 5B3D20
- 60462C
- 654E38
- 695644
- 6E5E50
- 73675C
- 776F68
- 7C7774
Harmonies de couleurs
Complémentaire +180°
- 512D00
Moelleux au Chocolat
- 0A3A5B
≈ Poseidon
Analogue -30° +30°
- 512D00
Moelleux au Chocolat
- 57261B
≈ Caput Mortuum
- 423600
≈ Night in the Woods
Triadique +120° +240°
- 512D00
Moelleux au Chocolat
- 00413B
≈ Botanical Night
- 402C56
≈ Violet Purple
Complémentaire divisée +150° +210°
- 512D00
Moelleux au Chocolat
- 003E4A
≈ Ghostlands Coal
- 2C335D
≈ Quill Tip
Tétradique +90° +180° +270°
- 512D00
Moelleux au Chocolat
- 0B4225
≈ Angel Green
- 0A3A5B
≈ Poseidon
- 4E2646
≈ Murasaki
Contraste et accessibilité
Ag
AAASur blanc
WCAG 12.17:1 · APCA Lc 97
Ag
FailSur noir
WCAG 1.72:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 12.17:1 (AAA) · APCA Lc 97
Contrast pairs
Extraits de code
CSS
:root {
--moelleux-au-chocolat: #512d00;
--moelleux-au-chocolat-rgb: 81 45 0;
--moelleux-au-chocolat-oklch: oklch(0.336 0.076 64.6);
}
.element {
color: var(--moelleux-au-chocolat);
background-color: hsl(33 100% 16%);
border-color: oklch(0.336 0.076 64.6);
}Tailwind CSS v4
@theme {
--color-moelleux-au-chocolat: #512d00;
--color-moelleux-au-chocolat-50: #fff2df;
--color-moelleux-au-chocolat-100: #fae4ce;
--color-moelleux-au-chocolat-200: #ebcfb3;
--color-moelleux-au-chocolat-300: #d2b08f;
--color-moelleux-au-chocolat-400: #be956f;
--color-moelleux-au-chocolat-500: #a97b4f;
--color-moelleux-au-chocolat-600: #8f6943;
--color-moelleux-au-chocolat-700: #735436;
--color-moelleux-au-chocolat-800: #553c26;
--color-moelleux-au-chocolat-900: #3b2a19;
--color-moelleux-au-chocolat-950: #25170a;
}SCSS
$moelleux-au-chocolat: #512d00;
$moelleux-au-chocolat-rgb: 81, 45, 0;
$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);
}