最接近的命名颜色 · #4B1E2C
#4B1E2C
最接近的命名颜色: Drops of God
#4B1E2C（rgb(75 30 44)、hsl(341 43% 21%)、oklch(0.306 0.07 2.6)）最接近命名颜色 Drops of God。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#4B1E2C
oklch(0.306 0.07 2.6)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- 5D323E
- 6E4751
- 805C65
- 927179
- A3878E
- B59EA4
- C8B6BA
- DACED0
- ECE6E7
深色调
- 401925
- 35131E
- 2B0E17
- 210911
- 17050A
- 0E0305
- 060102
- 020001
- 000000
灰色调
- 512834
- 57313C
- 5C3B44
- 62444C
- 674E54
- 6D585D
- 726265
- 776C6E
- 7B7677
配色和谐
互补色 +180°
- 4B1E2C
Drops of God
- 003831
≈ Night Turquoise
类似色 -30° +30°
- 4B1E2C
Drops of God
- 43203E
≈ Purple Void
- 4D2017
≈ Tobi Brown
三角配色 +120° +240°
- 4B1E2C
Drops of God
- 293404
≈ Blind Forest
- 03324F
≈ Dark Denim Blue
分裂互补色 +150° +210°
- 4B1E2C
Drops of God
- 0A391D
≈ Off-Road Green
- 00363F
≈ Natural Indigo
四角配色 +90° +180° +270°
- 4B1E2C
Drops of God
- 3A2E00
≈ Hidden Passage
- 003831
≈ Night Turquoise
- 232C52
≈ Pico Void
对比度与无障碍
Ag
AAA白底
WCAG 13.80:1 · APCA Lc 100
Ag
Fail黑底
WCAG 1.52:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 13.80:1 (AAA) · APCA Lc 100
Contrast pairs
代码片段
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);
}