最接近的命名颜色 · #F59B9F
#F59B9F
最接近的命名颜色: Pink Floyd
#F59B9F（rgb(245 155 159)、hsl(357 82% 78%)、oklch(0.781 0.108 17)）最接近命名颜色 Pink Floyd。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#F59B9F
oklch(0.781 0.108 17)
颜色转换
- HEX
- #f59b9f
- RGB
- rgb(245 155 159)
- HSL
- hsl(357 82% 78%)
- HWB
- hwb(357 61% 4%)
- OKLCH
- oklch(0.781 0.108 17)
- OKLab
- oklab(0.781 0.103 0.031)
- CIE Lab
- lab(73.49 34.87 12.81)
- LCH
- lch(73.49 37.15 20.2)
- CMYK
- cmyk(0% 37% 35% 4%)
浅色调 · 深色调 · 灰色调
浅色调
- F7A5A8
- F9AFB2
- FAB9BB
- FCC3C5
- FDCDCE
- FED7D8
- FFE1E2
- FFEBEB
- FFF5F5
深色调
- D5868A
- B67275
- 985E61
- 7B4B4D
- 5F393B
- 442829
- 2B1818
- 150909
- 030101
灰色调
- E9999C
- DE9699
- D29496
- C69193
- BB8E90
- AF8C8C
- A48989
- 988686
- 8C8383
配色和谐
互补色 +180°
- F59B9F
Pink Floyd
- 52CDCF
≈ Blue Radiance
类似色 -30° +30°
- F59B9F
Pink Floyd
- EB9BC5
≈ Sultan of Pink
- F1A27B
≈ Coral Silk
三角配色 +120° +240°
- F59B9F
Pink Floyd
- 97C883
≈ Frenzy Plant
- 8BBAFD
≈ Scenic Water
分裂互补色 +150° +210°
- F59B9F
Pink Floyd
- 6CCEA9
≈ Aquarium Blue
- 63C6ED
≈ Spritzig
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.08:1 · APCA Lc 41
Ag
AAA黑底
WCAG 10.07:1 · APCA Lc 62
最佳文字颜色: #000000
WCAG 10.07:1 (AAA) · APCA Lc 62
Contrast pairs
代码片段
CSS
:root {
--pink-floyd: #f59b9f;
--pink-floyd-rgb: 245 155 159;
--pink-floyd-oklch: oklch(0.781 0.108 17);
}
.element {
color: var(--pink-floyd);
background-color: hsl(357 82% 78%);
border-color: oklch(0.781 0.108 17);
}Tailwind CSS v4
@theme {
--color-pink-floyd: #f59b9f;
--color-pink-floyd-50: #ffeae9;
--color-pink-floyd-100: #ffdada;
--color-pink-floyd-200: #ffc2c2;
--color-pink-floyd-300: #eaa1a2;
--color-pink-floyd-400: #d78387;
--color-pink-floyd-500: #c3666c;
--color-pink-floyd-600: #a5575c;
--color-pink-floyd-700: #844549;
--color-pink-floyd-800: #623236;
--color-pink-floyd-900: #452225;
--color-pink-floyd-950: #2c1114;
}SCSS
$pink-floyd: #f59b9f;
$pink-floyd-rgb: 245, 155, 159;
$pink-floyd-light: mix(#fff, $pink-floyd, 20%);
$pink-floyd-dark: mix(#000, $pink-floyd, 20%);
.element {
color: $pink-floyd;
box-shadow: 0 0 0 2px rgba($pink-floyd, 0.35);
}