命名颜色 · #DE4D7B
Feverish Passion
Feverish Passion 即 #DE4D7B：rgb(222 77 123)、hsl(341 69% 59%)、oklch(0.63 0.183 4.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Feverish Passion color name →
#DE4D7B
oklch(0.63 0.183 4.6)
颜色转换
- HEX
- #de4d7b
- RGB
- rgb(222 77 123)
- HSL
- hsl(341 69% 59%)
- HWB
- hwb(341 30% 13%)
- OKLCH
- oklch(0.63 0.183 4.6)
- OKLab
- oklab(0.63 0.183 0.015)
- CIE Lab
- lab(54.84 59.77 6.66)
- LCH
- lch(54.84 60.14 6.4)
- CMYK
- cmyk(0% 65% 45% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E46287
- E97594
- EE87A1
- F298AE
- F6AABB
- F9BBC8
- FBCCD6
- FDDDE3
- FFEEF1
深色调
- C1426A
- A5375A
- 892C4A
- 6F223A
- 55182C
- 3D0F1E
- 260710
- 120205
- 020001
灰色调
- D6557C
- CD5C7C
- C5627D
- BC687D
- B36D7E
- AA717E
- A0757F
- 96797F
- 8B7D80
配色和谐
互补色 +180°
- DE4D7B
Feverish Passion
- 009E91
≈ On a Whim
类似色 -30° +30°
- DE4D7B
Feverish Passion
- C856B5
≈ Mazzy Star
- E25432
≈ Orangeade
三角配色 +120° +240°
- DE4D7B
Feverish Passion
- 749800
≈ Green Thumb
- 0090E0
≈ Kahu Blue
分裂互补色 +150° +210°
- DE4D7B
Feverish Passion
- 00A45C
≈ Alhambra Green
- 009AB2
≈ Caneel Bay
四角配色 +90° +180° +270°
- DE4D7B
Feverish Passion
- A28700
≈ Golden Palm
- 009E91
≈ On a Whim
- 6B7AF6
≈ Byzantine Night Blue
对比度与无障碍
Ag
Fail白底
WCAG 3.85:1 · APCA Lc 65
Ag
AA黑底
WCAG 5.45:1 · APCA Lc 37
最佳文字颜色: #000000
WCAG 5.45:1 (AA) · APCA Lc 37
Contrast pairs
代码片段
CSS
:root {
--feverish-passion: #de4d7b;
--feverish-passion-rgb: 222 77 123;
--feverish-passion-oklch: oklch(0.63 0.183 4.6);
}
.element {
color: var(--feverish-passion);
background-color: hsl(341 69% 59%);
border-color: oklch(0.63 0.183 4.6);
}Tailwind CSS v4
@theme {
--color-feverish-passion: #de4d7b;
--color-feverish-passion-50: #ffe0ec;
--color-feverish-passion-100: #ffcfde;
--color-feverish-passion-200: #ffb3c7;
--color-feverish-passion-300: #ff8da8;
--color-feverish-passion-400: #f36891;
--color-feverish-passion-500: #e13f77;
--color-feverish-passion-600: #be3765;
--color-feverish-passion-700: #992c50;
--color-feverish-passion-800: #721e3d;
--color-feverish-passion-900: #50142a;
--color-feverish-passion-950: #350517;
}SCSS
$feverish-passion: #de4d7b;
$feverish-passion-rgb: 222, 77, 123;
$feverish-passion-light: mix(#fff, $feverish-passion, 20%);
$feverish-passion-dark: mix(#000, $feverish-passion, 20%);
.element {
color: $feverish-passion;
box-shadow: 0 0 0 2px rgba($feverish-passion, 0.35);
}