Couleur nommée la plus proche · #4D2926
#4D2926
Couleur nommée la plus proche: Bitter Chocolate
#4D2926 (rgb(77 41 38), hsl(5 34% 23%), oklch(0.327 0.054 25.5)) est la plus proche de la couleur nommée Bitter Chocolate. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#4D2926
oklch(0.327 0.054 25.5)
Conversions de couleur
- HEX
- #4d2926
- RGB
- rgb(77 41 38)
- HSL
- hsl(5 34% 23%)
- HWB
- hwb(5 15% 70%)
- OKLCH
- oklch(0.327 0.054 25.5)
- OKLab
- oklab(0.327 0.049 0.023)
- CIE Lab
- lab(21.43 16.91 9.67)
- LCH
- lch(21.43 19.48 29.8)
- CMYK
- cmyk(0% 47% 51% 70%)
Teintes · Ombres · Tons
Teintes
- 5E3C39
- 6F4F4C
- 806360
- 927875
- A48D8B
- B5A3A1
- C8B9B8
- DAD0CF
- ECE7E7
Ombres
- 422220
- 371C19
- 2C1513
- 220F0D
- 180908
- 0F0504
- 070202
- 020101
- 000000
Tons
- 53312E
- 583A37
- 5D423F
- 624B48
- 685351
- 6D5C5A
- 726564
- 766E6D
- 7B7776
Harmonies de couleurs
Complémentaire +180°
- 4D2926
Bitter Chocolate
- 033C42
≈ Ghostlands Coal
Analogue -30° +30°
- 4D2926
Bitter Chocolate
- 4B2836
≈ Wine Tasting
- 4A2D17
≈ Bittersweet Chocolate
Triadique +120° +240°
- 4D2926
Bitter Chocolate
- 213C23
≈ Mizukaze Green
- 273451
≈ Blue Lobelia
Complémentaire divisée +150° +210°
- 4D2926
Bitter Chocolate
- 0C3E33
≈ Mizukaze Green
- 14394D
≈ Gibraltar Sea
Tétradique +90° +180° +270°
- 4D2926
Bitter Chocolate
- 333815
≈ Olivenite
- 033C42
≈ Ghostlands Coal
- 372F4D
≈ Astral Aura
Contraste et accessibilité
Ag
AAASur blanc
WCAG 12.64:1 · APCA Lc 98
Ag
FailSur noir
WCAG 1.66:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 12.64:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--bitter-chocolate: #4d2926;
--bitter-chocolate-rgb: 77 41 38;
--bitter-chocolate-oklch: oklch(0.327 0.054 25.5);
}
.element {
color: var(--bitter-chocolate);
background-color: hsl(5 34% 23%);
border-color: oklch(0.327 0.054 25.5);
}Tailwind CSS v4
@theme {
--color-bitter-chocolate: #4d2926;
--color-bitter-chocolate-50: #fff0ed;
--color-bitter-chocolate-100: #fae2de;
--color-bitter-chocolate-200: #ebccc8;
--color-bitter-chocolate-300: #d2ada8;
--color-bitter-chocolate-400: #bd938e;
--color-bitter-chocolate-500: #a77874;
--color-bitter-chocolate-600: #8e6662;
--color-bitter-chocolate-700: #71524e;
--color-bitter-chocolate-800: #543b39;
--color-bitter-chocolate-900: #3a2927;
--color-bitter-chocolate-950: #241615;
}SCSS
$bitter-chocolate: #4d2926;
$bitter-chocolate-rgb: 77, 41, 38;
$bitter-chocolate-light: mix(#fff, $bitter-chocolate, 20%);
$bitter-chocolate-dark: mix(#000, $bitter-chocolate, 20%);
.element {
color: $bitter-chocolate;
box-shadow: 0 0 0 2px rgba($bitter-chocolate, 0.35);
}