Couleur nommée la plus proche · #7B473E
#7B473E
Couleur nommée la plus proche: Chocolate Magma
#7B473E (rgb(123 71 62), hsl(9 33% 36%), oklch(0.457 0.073 30.6)) est la plus proche de la couleur nommée Chocolate Magma. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#7B473E
oklch(0.457 0.073 30.6)
Conversions de couleur
- HEX
- #7b473e
- RGB
- rgb(123 71 62)
- HSL
- hsl(9 33% 36%)
- HWB
- hwb(9 24% 52%)
- OKLCH
- oklch(0.457 0.073 30.6)
- OKLab
- oklab(0.457 0.063 0.037)
- CIE Lab
- lab(36.4 22.06 15.48)
- LCH
- lch(36.4 26.94 35.1)
- CMYK
- cmyk(0% 42% 50% 52%)
Teintes · Ombres · Tons
Teintes
- 88584F
- 966961
- A37B74
- B08D86
- BD9F9A
- CAB2AD
- D8C5C1
- E5D8D5
- F2EBEA
Ombres
- 6A3D35
- 5A322B
- 4A2823
- 3A1F1A
- 2C1612
- 1E0D0A
- 100604
- 050201
- 010000
Tons
- 7C4D45
- 7D534B
- 7E5852
- 7F5E58
- 7F645F
- 806965
- 806F6C
- 807573
- 807A79
Harmonies de couleurs
Complémentaire +180°
- 7B473E
Chocolate Magma
- 13626E
≈ Blue Lagoon
Analogue -30° +30°
- 7B473E
Chocolate Magma
- 794555
≈ Deep Carmine
- 754D2A
≈ Chocolate Rain
Triadique +120° +240°
- 7B473E
Chocolate Magma
- 376342
≈ Forest Serenade
- 485580
≈ Mozart
Complémentaire divisée +150° +210°
- 7B473E
Chocolate Magma
- 1A6459
≈ Humboldt Redwoods
- 2D5C7C
≈ Nautical Creatures
Tétradique +90° +180° +270°
- 7B473E
Chocolate Magma
- 515D2C
≈ Saratoga
- 13626E
≈ Blue Lagoon
- 5E4D7A
≈ Imperial Palace
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.46:1 · APCA Lc 86
Ag
FailSur noir
WCAG 2.81:1 · APCA Lc 16
Meilleure couleur de texte: #FFFFFF
WCAG 7.46:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
CSS
:root {
--chocolate-magma: #7b473e;
--chocolate-magma-rgb: 123 71 62;
--chocolate-magma-oklch: oklch(0.457 0.073 30.6);
}
.element {
color: var(--chocolate-magma);
background-color: hsl(9 33% 36%);
border-color: oklch(0.457 0.073 30.6);
}Tailwind CSS v4
@theme {
--color-chocolate-magma: #7b473e;
--color-chocolate-magma-50: #ffeee8;
--color-chocolate-magma-100: #ffe0d9;
--color-chocolate-magma-200: #f2cac1;
--color-chocolate-magma-300: #daaaa0;
--color-chocolate-magma-400: #c68f84;
--color-chocolate-magma-500: #b27469;
--color-chocolate-magma-600: #966259;
--color-chocolate-magma-700: #784e47;
--color-chocolate-magma-800: #593934;
--color-chocolate-magma-900: #3e2723;
--color-chocolate-magma-950: #271512;
}SCSS
$chocolate-magma: #7b473e;
$chocolate-magma-rgb: 123, 71, 62;
$chocolate-magma-light: mix(#fff, $chocolate-magma, 20%);
$chocolate-magma-dark: mix(#000, $chocolate-magma, 20%);
.element {
color: $chocolate-magma;
box-shadow: 0 0 0 2px rgba($chocolate-magma, 0.35);
}