Colore con nome più vicino · #542432
#542432
Colore con nome più vicino: Drops of God
#542432 (rgb(84 36 50), hsl(343 40% 24%), oklch(0.333 0.073 3.5)) è più vicino al colore con nome Drops of God. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#542432
oklch(0.333 0.073 3.5)
Conversioni di colore
- HEX
- #542432
- RGB
- rgb(84 36 50)
- HSL
- hsl(343 40% 24%)
- HWB
- hwb(343 14% 67%)
- OKLCH
- oklch(0.333 0.073 3.5)
- OKLab
- oklab(0.333 0.073 0.004)
- CIE Lab
- lab(21.69 24 2.04)
- LCH
- lch(21.69 24.09 4.9)
- CMYK
- cmyk(0% 57% 40% 67%)
Tinte · Ombre · Toni
Tinte
- 653844
- 764C56
- 876069
- 98767D
- A98B92
- BAA1A7
- CBB8BC
- DCCFD2
- EEE7E8
Ombre
- 481E2A
- 3C1822
- 31121B
- 260C14
- 1B070D
- 110407
- 080203
- 020001
- 000000
Toni
- 592D39
- 5E3641
- 633F48
- 684850
- 6C5157
- 705B5F
- 746467
- 786D6F
- 7C7778
Armonie di colore
Complementare +180°
- 542432
Drops of God
- 004039
≈ Botanical Night
Analogo -30° +30°
- 542432
Drops of God
- 4C2646
≈ Murasaki
- 55261C
≈ Caput Mortuum
Triadico +120° +240°
- 542432
Drops of God
- 2F3C0A
≈ Dark Olive
- 0A3959
≈ Gibraltar Sea
Complementare divisa +150° +210°
- 542432
Drops of God
- 0F4124
≈ Angel Green
- 003E48
≈ Ghostlands Coal
Tetradico +90° +180° +270°
- 542432
Drops of God
- 423500
≈ Night in the Woods
- 004039
≈ Botanical Night
- 2A325B
≈ Quill Tip
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.53:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.67:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.53:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--drops-of-god: #542432;
--drops-of-god-rgb: 84 36 50;
--drops-of-god-oklch: oklch(0.333 0.073 3.5);
}
.element {
color: var(--drops-of-god);
background-color: hsl(343 40% 24%);
border-color: oklch(0.333 0.073 3.5);
}Tailwind CSS v4
@theme {
--color-drops-of-god: #542432;
--color-drops-of-god-50: #ffedf2;
--color-drops-of-god-100: #ffdee4;
--color-drops-of-god-200: #f1c8d0;
--color-drops-of-god-300: #d9a8b2;
--color-drops-of-god-400: #c48d9a;
--color-drops-of-god-500: #af7281;
--color-drops-of-god-600: #94606d;
--color-drops-of-god-700: #774d57;
--color-drops-of-god-800: #583841;
--color-drops-of-god-900: #3d262c;
--color-drops-of-god-950: #27141a;
}SCSS
$drops-of-god: #542432;
$drops-of-god-rgb: 84, 36, 50;
$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);
}