最接近的命名颜色 · #D7004F
#D7004F
最接近的命名颜色: Debian Red
#D7004F（rgb(215 0 79)、hsl(338 100% 42%)、oklch(0.56 0.224 12.5)）最接近命名颜色 Debian Red。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D7004F
oklch(0.56 0.224 12.5)
颜色转换
- HEX
- #d7004f
- RGB
- rgb(215 0 79)
- HSL
- hsl(338 100% 42%)
- HWB
- hwb(338 0% 16%)
- OKLCH
- oklch(0.56 0.224 12.5)
- OKLab
- oklab(0.56 0.219 0.049)
- CIE Lab
- lab(46.44 72.48 21.78)
- LCH
- lch(46.44 75.68 16.7)
- CMYK
- cmyk(0% 100% 63% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- DF395F
- E65570
- EC6D81
- F18492
- F699A4
- FAAEB5
- FCC2C7
- FED6DA
- FFEBEC
深色调
- BB0044
- 9F0038
- 85002E
- 6B0023
- 520019
- 3B0010
- 250007
- 110002
- 020000
灰色调
- D02854
- C93A59
- C2485E
- BA5363
- B25C68
- AA646D
- A06C72
- 977376
- 8C7A7B
配色和谐
互补色 +180°
- D7004F
Debian Red
- 008684
≈ Green Lapis
类似色 -30° +30°
- D7004F
Debian Red
- C41E97
≈ Indian Lake
- C14900
≈ Brick Orange
三角配色 +120° +240°
- D7004F
Debian Red
- 4E8600
≈ Kelp Forest
- 0075D4
≈ Bright Navy Blue
分裂互补色 +150° +210°
- D7004F
Debian Red
- 008A5F
≈ Absinthe Turquoise
- 0081A0
≈ Best of Both Worlds
四角配色 +90° +180° +270°
- D7004F
Debian Red
- 827600
≈ Tool Green
- 008684
≈ Green Lapis
- 6954F1
≈ Candy Grape Fizz
对比度与无障碍
Ag
AA白底
WCAG 5.24:1 · APCA Lc 73
Ag
Fail黑底
WCAG 4.00:1 · APCA Lc 28
最佳文字颜色: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 73
Contrast pairs
代码片段
CSS
:root {
--debian-red: #d7004f;
--debian-red-rgb: 215 0 79;
--debian-red-oklch: oklch(0.56 0.224 12.5);
}
.element {
color: var(--debian-red);
background-color: hsl(338 100% 42%);
border-color: oklch(0.56 0.224 12.5);
}Tailwind CSS v4
@theme {
--color-debian-red: #d7004f;
--color-debian-red-50: #ffdbe1;
--color-debian-red-100: #ffc9d0;
--color-debian-red-200: #ffaab6;
--color-debian-red-300: #ff8093;
--color-debian-red-400: #ff5579;
--color-debian-red-500: #f5055c;
--color-debian-red-600: #cf124e;
--color-debian-red-700: #a7113e;
--color-debian-red-800: #7c082f;
--color-debian-red-900: #580720;
--color-debian-red-950: #3b0010;
}SCSS
$debian-red: #d7004f;
$debian-red-rgb: 215, 0, 79;
$debian-red-light: mix(#fff, $debian-red, 20%);
$debian-red-dark: mix(#000, $debian-red, 20%);
.element {
color: $debian-red;
box-shadow: 0 0 0 2px rgba($debian-red, 0.35);
}