最接近的命名颜色 · #FE85A0
#FE85A0
最接近的命名颜色: Strawberry Dreams
#FE85A0（rgb(254 133 160)、hsl(347 98% 76%)、oklch(0.758 0.149 7.1)）最接近命名颜色 Strawberry Dreams。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#FE85A0
oklch(0.758 0.149 7.1)
颜色转换
- HEX
- #fe85a0
- RGB
- rgb(254 133 160)
- HSL
- hsl(347 98% 76%)
- HWB
- hwb(347 52% 0%)
- OKLCH
- oklch(0.758 0.149 7.1)
- OKLab
- oklab(0.758 0.148 0.018)
- CIE Lab
- lab(70.17 48.87 7.82)
- LCH
- lch(70.17 49.5 9.1)
- CMYK
- cmyk(0% 48% 37% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FF92A9
- FF9FB2
- FFABBC
- FFB7C5
- FFC3CF
- FFCFD8
- FFDBE2
- FFE7EB
- FFF3F5
深色调
- DD738B
- BD6176
- 9E5061
- 80404E
- 63303B
- 472129
- 2D1319
- 160609
- 030101
灰色调
- F2859D
- E5869A
- D98696
- CD8593
- C08590
- B4848D
- A7838A
- 9A8386
- 8D8183
配色和谐
互补色 +180°
- FE85A0
Strawberry Dreams
- 00CBBF
≈ Pristine Oceanic
类似色 -30° +30°
- FE85A0
Strawberry Dreams
- EB89D2
≈ Blushed Bombshell
- FF8C6A
≈ Salmon Orange
三角配色 +120° +240°
- FE85A0
Strawberry Dreams
- 97C151
≈ Pesto Genovese
- 66B7FF
≈ Tiān Lán Sky
分裂互补色 +150° +210°
- FE85A0
Strawberry Dreams
- 4CCC8A
≈ Paris Green
- 00C5E8
≈ Caribbean Blue
四角配色 +90° +180° +270°
- FE85A0
Strawberry Dreams
- CBB021
≈ Sulphur
- 00CBBF
≈ Pristine Oceanic
- 9DA8FF
≈ Widowmaker
对比度与无障碍
Ag
Fail白底
WCAG 2.31:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.07:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.07:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--strawberry-dreams: #fe85a0;
--strawberry-dreams-rgb: 254 133 160;
--strawberry-dreams-oklch: oklch(0.758 0.149 7.1);
}
.element {
color: var(--strawberry-dreams);
background-color: hsl(347 98% 76%);
border-color: oklch(0.758 0.149 7.1);
}Tailwind CSS v4
@theme {
--color-strawberry-dreams: #fe85a0;
--color-strawberry-dreams-50: #ffe4ec;
--color-strawberry-dreams-100: #ffd4dd;
--color-strawberry-dreams-200: #ffbac7;
--color-strawberry-dreams-300: #f896a7;
--color-strawberry-dreams-400: #e6768f;
--color-strawberry-dreams-500: #d45375;
--color-strawberry-dreams-600: #b34863;
--color-strawberry-dreams-700: #90394f;
--color-strawberry-dreams-800: #6b283b;
--color-strawberry-dreams-900: #4b1b29;
--color-strawberry-dreams-950: #310b17;
}SCSS
$strawberry-dreams: #fe85a0;
$strawberry-dreams-rgb: 254, 133, 160;
$strawberry-dreams-light: mix(#fff, $strawberry-dreams, 20%);
$strawberry-dreams-dark: mix(#000, $strawberry-dreams, 20%);
.element {
color: $strawberry-dreams;
box-shadow: 0 0 0 2px rgba($strawberry-dreams, 0.35);
}