Cor nomeada mais próxima · #4B1E2C
#4B1E2C
Cor nomeada mais próxima: Drops of God
#4B1E2C (rgb(75 30 44), hsl(341 43% 21%), oklch(0.306 0.07 2.6)) é mais próxima da cor nomeada Drops of God. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#4B1E2C
oklch(0.306 0.07 2.6)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 5D323E
- 6E4751
- 805C65
- 927179
- A3878E
- B59EA4
- C8B6BA
- DACED0
- ECE6E7
Sombras
- 401925
- 35131E
- 2B0E17
- 210911
- 17050A
- 0E0305
- 060102
- 020001
- 000000
Tons
- 512834
- 57313C
- 5C3B44
- 62444C
- 674E54
- 6D585D
- 726265
- 776C6E
- 7B7677
Harmonias de cor
Complementar +180°
- 4B1E2C
Drops of God
- 003831
≈ Night Turquoise
Análoga -30° +30°
- 4B1E2C
Drops of God
- 43203E
≈ Purple Void
- 4D2017
≈ Tobi Brown
Tríade +120° +240°
- 4B1E2C
Drops of God
- 293404
≈ Blind Forest
- 03324F
≈ Dark Denim Blue
Complementar dividida +150° +210°
- 4B1E2C
Drops of God
- 0A391D
≈ Off-Road Green
- 00363F
≈ Natural Indigo
Tétrade +90° +180° +270°
- 4B1E2C
Drops of God
- 3A2E00
≈ Hidden Passage
- 003831
≈ Night Turquoise
- 232C52
≈ Pico Void
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 13.80:1 · APCA Lc 100
Ag
FailSobre preto
WCAG 1.52:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 13.80:1 (AAA) · APCA Lc 100
Contrast pairs
Trechos de código
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);
}