最接近的命名颜色 · #E15B79
#E15B79
最接近的命名颜色: Fever Dream
#E15B79（rgb(225 91 121)、hsl(347 69% 62%)、oklch(0.65 0.168 9.3)）最接近命名颜色 Fever Dream。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E15B79
oklch(0.65 0.168 9.3)
颜色转换
- HEX
- #e15b79
- RGB
- rgb(225 91 121)
- HSL
- hsl(347 69% 62%)
- HWB
- hwb(347 36% 12%)
- OKLCH
- oklch(0.65 0.168 9.3)
- OKLab
- oklab(0.65 0.166 0.027)
- CIE Lab
- lab(57.47 54.94 11.6)
- LCH
- lch(57.47 56.16 11.9)
- CMYK
- cmyk(0% 60% 46% 12%)
浅色调 · 深色调 · 灰色调
浅色调
- E66D86
- EB7E92
- EF8F9F
- F39FAD
- F7AFBA
- F9BFC7
- FCCFD5
- FDDFE3
- FEEFF1
深色调
- C44E68
- A74158
- 8B3548
- 702939
- 561E2B
- 3E131D
- 270910
- 120305
- 020001
灰色调
- D8617A
- CF667B
- C66A7B
- BD6E7C
- B4727D
- AA757D
- A0787E
- 967B7F
- 8B7E7F
配色和谐
互补色 +180°
- E15B79
Fever Dream
- 00A59E
≈ Jadestone
类似色 -30° +30°
- E15B79
Fever Dream
- CF60B0
≈ Pú Táo Zǐ Purple
- E16336
≈ Precious Pumpkin
三角配色 +120° +240°
- E15B79
Fever Dream
- 6EA211
≈ Herbal Lift
- 2193F0
≈ Karimun Blue
分裂互补色 +150° +210°
- E15B79
Fever Dream
- 00AA6E
≈ Banaue Jade
- 009FC0
≈ Delos Blue
四角配色 +90° +180° +270°
- E15B79
Fever Dream
- A49000
≈ Romaine Green
- 00A59E
≈ Jadestone
- 7C80F3
≈ Orchid
对比度与无障碍
Ag
Fail白底
WCAG 3.51:1 · APCA Lc 62
Ag
AA黑底
WCAG 5.97:1 · APCA Lc 40
最佳文字颜色: #000000
WCAG 5.97:1 (AA) · APCA Lc 40
Contrast pairs
代码片段
CSS
:root {
--fever-dream: #e15b79;
--fever-dream-rgb: 225 91 121;
--fever-dream-oklch: oklch(0.65 0.168 9.3);
}
.element {
color: var(--fever-dream);
background-color: hsl(347 69% 62%);
border-color: oklch(0.65 0.168 9.3);
}Tailwind CSS v4
@theme {
--color-fever-dream: #e15b79;
--color-fever-dream-50: #ffe2e9;
--color-fever-dream-100: #ffd1da;
--color-fever-dream-200: #ffb6c2;
--color-fever-dream-300: #ff91a2;
--color-fever-dream-400: #ef6e89;
--color-fever-dream-500: #dd496e;
--color-fever-dream-600: #bb3f5d;
--color-fever-dream-700: #96324a;
--color-fever-dream-800: #702338;
--color-fever-dream-900: #4f1726;
--color-fever-dream-950: #340715;
}SCSS
$fever-dream: #e15b79;
$fever-dream-rgb: 225, 91, 121;
$fever-dream-light: mix(#fff, $fever-dream, 20%);
$fever-dream-dark: mix(#000, $fever-dream, 20%);
.element {
color: $fever-dream;
box-shadow: 0 0 0 2px rgba($fever-dream, 0.35);
}