Colore con nome più vicino · #5D2936
#5D2936
Colore con nome più vicino: Drops of God
#5D2936 (rgb(93 41 54), hsl(345 39% 26%), oklch(0.357 0.077 6)) è più vicino al colore con nome Drops of God. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#5D2936
oklch(0.357 0.077 6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 6D3D47
- 7D505A
- 8E646D
- 9E7980
- AE8E94
- BEA4A9
- CEBABE
- DED1D3
- EFE8E9
Ombre
- 50222E
- 431C25
- 37151E
- 2A0F16
- 1F090F
- 140508
- 0A0203
- 030101
- 000000
Toni
- 61323D
- 653B44
- 69434B
- 6D4C52
- 71545A
- 745D61
- 776669
- 7A6E70
- 7D7778
Armonie di colore
Complementare +180°
- 5D2936
Drops of God
- 004741
≈ Tropical Forest
Analogo -30° +30°
- 5D2936
Drops of God
- 552B4C
≈ Winter Bloom
- 5E2C1E
≈ Chestnut Leather
Triadico +120° +240°
- 5D2936
Drops of God
- 324310
≈ Hinterlands Green
- 123F62
≈ Blue Opal
Complementare divisa +150° +210°
- 5D2936
Drops of God
- 0F482B
≈ Alaskan Moss
- 004451
≈ Crab Nebula
Tetradico +90° +180° +270°
- 5D2936
Drops of God
- 483C00
≈ Xanthophobia
- 004741
≈ Tropical Forest
- 323864
≈ Blue Depths
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.43:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.83:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.43:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
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);
}