Couleur nommée la plus proche · #5D381B
#5D381B
Couleur nommée la plus proche: Chocolate Fantasies
#5D381B (rgb(93 56 27), hsl(26 55% 24%), oklch(0.379 0.068 56.9)) est la plus proche de la couleur nommée Chocolate Fantasies. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5D381B
oklch(0.379 0.068 56.9)
Conversions de couleur
- HEX
- #5d381b
- RGB
- rgb(93 56 27)
- HSL
- hsl(26 55% 24%)
- HWB
- hwb(26 11% 64%)
- OKLCH
- oklch(0.379 0.068 56.9)
- OKLab
- oklab(0.379 0.037 0.057)
- CIE Lab
- lab(27.67 14.75 24.92)
- LCH
- lch(27.67 28.96 59.4)
- CMYK
- cmyk(0% 40% 71% 64%)
Teintes · Ombres · Tons
Teintes
- 6D4A30
- 7C5C46
- 8C6F5B
- 9C8371
- AC9687
- BCAB9E
- CDBFB6
- DDD4CE
- EEE9E6
Ombres
- 502F16
- 432711
- 371F0C
- 2A1708
- 1F0F05
- 140802
- 0A0401
- 030100
- 000000
Tons
- 613F26
- 654630
- 684D3A
- 6C5544
- 705C4E
- 736358
- 766A62
- 7A716C
- 7D7976
Harmonies de couleurs
Complémentaire +180°
- 5D381B
Chocolate Fantasies
- 174761
≈ Swallow Blue
Analogue -30° +30°
- 5D381B
Chocolate Fantasies
- 61332E
≈ Rampant Rhubarb
- 523F10
≈ Pineapple
Triadique +120° +240°
- 5D381B
Chocolate Fantasies
- 074E41
≈ Fjord Green
- 463A62
≈ Mulberry Purple
Complémentaire divisée +150° +210°
- 5D381B
Chocolate Fantasies
- 004C53
≈ Watercolour Blue
- 324166
≈ Bay of Many
Tétradique +90° +180° +270°
- 5D381B
Chocolate Fantasies
- 284C2C
≈ Cal Poly Pomona Green
- 174761
≈ Swallow Blue
- 553555
≈ Auricula Purple
Contraste et accessibilité
Ag
AAASur blanc
WCAG 10.25:1 · APCA Lc 94
Ag
FailSur noir
WCAG 2.04:1 · APCA Lc 9
Meilleure couleur de texte: #FFFFFF
WCAG 10.25:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--chocolate-fantasies: #5d381b;
--chocolate-fantasies-rgb: 93 56 27;
--chocolate-fantasies-oklch: oklch(0.379 0.068 56.9);
}
.element {
color: var(--chocolate-fantasies);
background-color: hsl(26 55% 24%);
border-color: oklch(0.379 0.068 56.9);
}Tailwind CSS v4
@theme {
--color-chocolate-fantasies: #5d381b;
--color-chocolate-fantasies-50: #fff1e3;
--color-chocolate-fantasies-100: #fae3d2;
--color-chocolate-fantasies-200: #ebceb8;
--color-chocolate-fantasies-300: #d2b096;
--color-chocolate-fantasies-400: #be9577;
--color-chocolate-fantasies-500: #a97b59;
--color-chocolate-fantasies-600: #8f684c;
--color-chocolate-fantasies-700: #72533d;
--color-chocolate-fantasies-800: #553c2c;
--color-chocolate-fantasies-900: #3b291d;
--color-chocolate-fantasies-950: #25170d;
}SCSS
$chocolate-fantasies: #5d381b;
$chocolate-fantasies-rgb: 93, 56, 27;
$chocolate-fantasies-light: mix(#fff, $chocolate-fantasies, 20%);
$chocolate-fantasies-dark: mix(#000, $chocolate-fantasies, 20%);
.element {
color: $chocolate-fantasies;
box-shadow: 0 0 0 2px rgba($chocolate-fantasies, 0.35);
}