En yakın adlandırılmış renk · #542432
#542432
En yakın adlandırılmış renk: Drops of God
#542432 (rgb(84 36 50), hsl(343 40% 24%), oklch(0.333 0.073 3.5)) en çok Drops of God adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#542432
oklch(0.333 0.073 3.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 653844
- 764C56
- 876069
- 98767D
- A98B92
- BAA1A7
- CBB8BC
- DCCFD2
- EEE7E8
Koyu tonlar
- 481E2A
- 3C1822
- 31121B
- 260C14
- 1B070D
- 110407
- 080203
- 020001
- 000000
Gri tonlar
- 592D39
- 5E3641
- 633F48
- 684850
- 6C5157
- 705B5F
- 746467
- 786D6F
- 7C7778
Renk uyumları
Tamamlayıcı +180°
- 542432
Drops of God
- 004039
≈ Botanical Night
Analog -30° +30°
- 542432
Drops of God
- 4C2646
≈ Murasaki
- 55261C
≈ Caput Mortuum
Üçlü +120° +240°
- 542432
Drops of God
- 2F3C0A
≈ Dark Olive
- 0A3959
≈ Gibraltar Sea
Bölünmüş tamamlayıcı +150° +210°
- 542432
Drops of God
- 0F4124
≈ Angel Green
- 003E48
≈ Ghostlands Coal
Dörtlü +90° +180° +270°
- 542432
Drops of God
- 423500
≈ Night in the Woods
- 004039
≈ Botanical Night
- 2A325B
≈ Quill Tip
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 12.53:1 · APCA Lc 98
Ag
FailSiyah üzerinde
WCAG 1.67:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 12.53:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
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);
}