Nearest named color · #531C2E
#531C2E
Nearest named color: Drops of God
#531C2E (rgb(83 28 46), hsl(340 50% 22%), oklch(0.317 0.084 2.8)) is closest to the named color Drops of God. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#531C2E
oklch(0.317 0.084 2.8)
Color conversions
- HEX
- #531c2e
- RGB
- rgb(83 28 46)
- HSL
- hsl(340 50% 22%)
- HWB
- hwb(340 11% 67%)
- OKLCH
- oklch(0.317 0.084 2.8)
- OKLab
- oklab(0.317 0.084 0.004)
- CIE Lab
- lab(19.73 27.45 2)
- LCH
- lch(19.73 27.53 4.2)
- CMYK
- cmyk(0% 66% 45% 67%)
Tints · Shades · Tones
Tints
- 643140
- 764653
- 875B66
- 98717A
- A9878F
- BA9EA5
- CBB6BA
- DCCED1
- EEE6E8
Shades
- 471727
- 3B121F
- 300D18
- 250812
- 1B050B
- 110206
- 080102
- 020001
- 000000
Tones
- 582636
- 5E303D
- 633A45
- 68444D
- 6C4E55
- 71585E
- 756266
- 796C6F
- 7C7677
Color harmonies
Complementary +180°
- 531C2E
Drops of God
- 003B35
≈ Night Turquoise
Analogous -30° +30°
- 531C2E
Drops of God
- 4A1F44
≈ Opulent Mauve
- 551E14
≈ Peaty Brown
Triadic +120° +240°
- 531C2E
Drops of God
- 2B3800
≈ Wasabi Nori
- 003555
≈ Night Dive
Split-complementary +150° +210°
- 531C2E
Drops of God
- 003D1C
≈ Melancholia
- 003943
≈ Natural Indigo
Tetradic +90° +180° +270°
- 531C2E
Drops of God
- 3E3100
≈ Hidden Passage
- 003B35
≈ Night Turquoise
- 242D5C
≈ Ending Navy Blue
Contrast & accessibility
Ag
AAAOn white
WCAG 13.34:1 · APCA Lc 99
Ag
FailOn black
WCAG 1.57:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.34:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--drops-of-god: #531c2e;
--drops-of-god-rgb: 83 28 46;
--drops-of-god-oklch: oklch(0.317 0.084 2.8);
}
.element {
color: var(--drops-of-god);
background-color: hsl(340 50% 22%);
border-color: oklch(0.317 0.084 2.8);
}Tailwind CSS v4
@theme {
--color-drops-of-god: #531c2e;
--color-drops-of-god-50: #ffecf2;
--color-drops-of-god-100: #ffdde4;
--color-drops-of-god-200: #f5c6cf;
--color-drops-of-god-300: #dea6b2;
--color-drops-of-god-400: #c98a9a;
--color-drops-of-god-500: #b56e81;
--color-drops-of-god-600: #995d6d;
--color-drops-of-god-700: #7a4a57;
--color-drops-of-god-800: #5a3641;
--color-drops-of-god-900: #3f252d;
--color-drops-of-god-950: #28131a;
}SCSS
$drops-of-god: #531c2e;
$drops-of-god-rgb: 83, 28, 46;
$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);
}