Nearest named color · #4B1E2C
#4B1E2C
Nearest named color: Drops of God
#4B1E2C (rgb(75 30 44), hsl(341 43% 21%), oklch(0.306 0.07 2.6)) is closest to the named color Drops of God. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#4B1E2C
oklch(0.306 0.07 2.6)
Color conversions
- HEX
- #4b1e2c
- RGB
- rgb(75 30 44)
- HSL
- hsl(341 43% 21%)
- HWB
- hwb(341 12% 71%)
- OKLCH
- oklch(0.306 0.07 2.6)
- OKLab
- oklab(0.306 0.07 0.003)
- CIE Lab
- lab(18.58 23 1.52)
- LCH
- lch(18.58 23.05 3.8)
- CMYK
- cmyk(0% 60% 41% 71%)
Tints · Shades · Tones
Tints
- 5D323E
- 6E4751
- 805C65
- 927179
- A3878E
- B59EA4
- C8B6BA
- DACED0
- ECE6E7
Shades
- 401925
- 35131E
- 2B0E17
- 210911
- 17050A
- 0E0305
- 060102
- 020001
- 000000
Tones
- 512834
- 57313C
- 5C3B44
- 62444C
- 674E54
- 6D585D
- 726265
- 776C6E
- 7B7677
Color harmonies
Complementary +180°
- 4B1E2C
Drops of God
- 003831
≈ Night Turquoise
Analogous -30° +30°
- 4B1E2C
Drops of God
- 43203E
≈ Purple Void
- 4D2017
≈ Tobi Brown
Triadic +120° +240°
- 4B1E2C
Drops of God
- 293404
≈ Blind Forest
- 03324F
≈ Dark Denim Blue
Split-complementary +150° +210°
- 4B1E2C
Drops of God
- 0A391D
≈ Off-Road Green
- 00363F
≈ Natural Indigo
Tetradic +90° +180° +270°
- 4B1E2C
Drops of God
- 3A2E00
≈ Hidden Passage
- 003831
≈ Night Turquoise
- 232C52
≈ Pico Void
Contrast & accessibility
Ag
AAAOn white
WCAG 13.80:1 · APCA Lc 100
Ag
FailOn black
WCAG 1.52:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.80:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--drops-of-god: #4b1e2c;
--drops-of-god-rgb: 75 30 44;
--drops-of-god-oklch: oklch(0.306 0.07 2.6);
}
.element {
color: var(--drops-of-god);
background-color: hsl(341 43% 21%);
border-color: oklch(0.306 0.07 2.6);
}Tailwind CSS v4
@theme {
--color-drops-of-god: #4b1e2c;
--color-drops-of-god-50: #ffedf2;
--color-drops-of-god-100: #fedfe5;
--color-drops-of-god-200: #f0c8d0;
--color-drops-of-god-300: #d8a9b3;
--color-drops-of-god-400: #c38d9b;
--color-drops-of-god-500: #ae7282;
--color-drops-of-god-600: #93616e;
--color-drops-of-god-700: #764e58;
--color-drops-of-god-800: #573841;
--color-drops-of-god-900: #3d262d;
--color-drops-of-god-950: #26151a;
}SCSS
$drops-of-god: #4b1e2c;
$drops-of-god-rgb: 75, 30, 44;
$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);
}