Couleur nommée la plus proche · #5D2936
#5D2936
Couleur nommée la plus proche: Drops of God
#5D2936 (rgb(93 41 54), hsl(345 39% 26%), oklch(0.357 0.077 6)) est la plus proche de la couleur nommée Drops of God. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5D2936
oklch(0.357 0.077 6)
Conversions de couleur
- HEX
- #5d2936
- RGB
- rgb(93 41 54)
- HSL
- hsl(345 39% 26%)
- HWB
- hwb(345 16% 64%)
- OKLCH
- oklch(0.357 0.077 6)
- OKLab
- oklab(0.357 0.077 0.008)
- CIE Lab
- lab(24.48 25.35 3.52)
- LCH
- lch(24.48 25.6 7.9)
- CMYK
- cmyk(0% 56% 42% 64%)
Teintes · Ombres · Tons
Teintes
- 6D3D47
- 7D505A
- 8E646D
- 9E7980
- AE8E94
- BEA4A9
- CEBABE
- DED1D3
- EFE8E9
Ombres
- 50222E
- 431C25
- 37151E
- 2A0F16
- 1F090F
- 140508
- 0A0203
- 030101
- 000000
Tons
- 61323D
- 653B44
- 69434B
- 6D4C52
- 71545A
- 745D61
- 776669
- 7A6E70
- 7D7778
Harmonies de couleurs
Complémentaire +180°
- 5D2936
Drops of God
- 004741
≈ Tropical Forest
Analogue -30° +30°
- 5D2936
Drops of God
- 552B4C
≈ Winter Bloom
- 5E2C1E
≈ Chestnut Leather
Triadique +120° +240°
- 5D2936
Drops of God
- 324310
≈ Hinterlands Green
- 123F62
≈ Blue Opal
Complémentaire divisée +150° +210°
- 5D2936
Drops of God
- 0F482B
≈ Alaskan Moss
- 004451
≈ Crab Nebula
Tétradique +90° +180° +270°
- 5D2936
Drops of God
- 483C00
≈ Xanthophobia
- 004741
≈ Tropical Forest
- 323864
≈ Blue Depths
Contraste et accessibilité
Ag
AAASur blanc
WCAG 11.43:1 · APCA Lc 96
Ag
FailSur noir
WCAG 1.83:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 11.43:1 (AAA) · APCA Lc 96
Contrast pairs
Extraits de code
CSS
:root {
--drops-of-god: #5d2936;
--drops-of-god-rgb: 93 41 54;
--drops-of-god-oklch: oklch(0.357 0.077 6);
}
.element {
color: var(--drops-of-god);
background-color: hsl(345 39% 26%);
border-color: oklch(0.357 0.077 6);
}Tailwind CSS v4
@theme {
--color-drops-of-god: #5d2936;
--color-drops-of-god-50: #ffedf1;
--color-drops-of-god-100: #ffdee3;
--color-drops-of-god-200: #f3c7ce;
--color-drops-of-god-300: #dba8b0;
--color-drops-of-god-400: #c78c97;
--color-drops-of-god-500: #b2707e;
--color-drops-of-god-600: #965f6b;
--color-drops-of-god-700: #794c55;
--color-drops-of-god-800: #59373f;
--color-drops-of-god-900: #3e262b;
--color-drops-of-god-950: #271419;
}SCSS
$drops-of-god: #5d2936;
$drops-of-god-rgb: 93, 41, 54;
$drops-of-god-light: mix(#fff, $drops-of-god, 20%);
$drops-of-god-dark: mix(#000, $drops-of-god, 20%);
.element {
color: $drops-of-god;
box-shadow: 0 0 0 2px rgba($drops-of-god, 0.35);
}