最接近的命名颜色 · #D55753
#D55753
最接近的命名颜色: Firebug
#D55753（rgb(213 87 83)、hsl(2 61% 58%)、oklch(0.619 0.16 24.7)）最接近命名颜色 Firebug。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D55753
oklch(0.619 0.16 24.7)
颜色转换
- HEX
- #d55753
- RGB
- rgb(213 87 83)
- HSL
- hsl(2 61% 58%)
- HWB
- hwb(2 33% 16%)
- OKLCH
- oklch(0.619 0.16 24.7)
- OKLab
- oklab(0.619 0.145 0.067)
- CIE Lab
- lab(54.2 50.39 29.04)
- LCH
- lch(54.2 58.16 30)
- CMYK
- cmyk(0% 59% 61% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- DB6964
- E17B74
- E78C85
- EC9D96
- F0ADA7
- F4BDB8
- F8CECA
- FBDEDB
- FDEFED
深色调
- B94B47
- 9E3E3B
- 833330
- 6A2725
- 511C1B
- 3A1211
- 240808
- 100302
- 020000
灰色调
- CE5D58
- C6625D
- BE6762
- B66C66
- AE706B
- A6746F
- 9D7774
- 947A78
- 8A7D7C
配色和谐
互补色 +180°
- D55753
Firebug
- 0098A4
≈ Island Dream
类似色 -30° +30°
- D55753
Firebug
- CC568B
≈ Pretty in Plum
- CA6700
≈ Curry Powder
三角配色 +120° +240°
- D55753
Firebug
- 399E42
≈ Gangly Gremlin
- 5580E5
≈ Blue Elemental
分裂互补色 +150° +210°
- D55753
Firebug
- 009C81
≈ Paolo Veronese Green
- 0091C8
≈ Dynamic Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.94:1 · APCA Lc 66
Ag
AA黑底
WCAG 5.31:1 · APCA Lc 36
最佳文字颜色: #000000
WCAG 5.31:1 (AA) · APCA Lc 36
Contrast pairs
代码片段
CSS
:root {
--firebug: #d55753;
--firebug-rgb: 213 87 83;
--firebug-oklch: oklch(0.619 0.16 24.7);
}
.element {
color: var(--firebug);
background-color: hsl(2 61% 58%);
border-color: oklch(0.619 0.16 24.7);
}Tailwind CSS v4
@theme {
--color-firebug: #d55753;
--color-firebug-50: #ffe4dd;
--color-firebug-100: #ffd4cb;
--color-firebug-200: #ffbab0;
--color-firebug-300: #ff968b;
--color-firebug-400: #ee746e;
--color-firebug-500: #dc504d;
--color-firebug-600: #ba4542;
--color-firebug-700: #953735;
--color-firebug-800: #6f2627;
--color-firebug-900: #4f1a1a;
--color-firebug-950: #34090b;
}SCSS
$firebug: #d55753;
$firebug-rgb: 213, 87, 83;
$firebug-light: mix(#fff, $firebug, 20%);
$firebug-dark: mix(#000, $firebug, 20%);
.element {
color: $firebug;
box-shadow: 0 0 0 2px rgba($firebug, 0.35);
}