最接近的命名颜色 · #E09F98
#E09F98
最接近的命名颜色: She Loves Pink
#E09F98（rgb(224 159 152)、hsl(6 54% 74%)、oklch(0.763 0.079 25.9)）最接近命名颜色 She Loves Pink。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E09F98
oklch(0.763 0.079 25.9)
颜色转换
- HEX
- #e09f98
- RGB
- rgb(224 159 152)
- HSL
- hsl(6 54% 74%)
- HWB
- hwb(6 60% 12%)
- OKLCH
- oklch(0.763 0.079 25.9)
- OKLab
- oklab(0.763 0.071 0.034)
- CIE Lab
- lab(71.79 24.23 13.83)
- LCH
- lch(71.79 27.9 29.7)
- CMYK
- cmyk(0% 29% 32% 12%)
浅色调 · 深色调 · 灰色调
浅色调
- E4A9A2
- E7B2AC
- EBBCB6
- EEC5C0
- F1CFCB
- F4D8D5
- F7E2DF
- FAECEA
- FDF5F4
深色调
- C38A84
- A67570
- 8A615C
- 704D4A
- 563B38
- 3E2927
- 271817
- 120908
- 020101
灰色调
- D69C96
- CD9993
- C39691
- BA938F
- B0908C
- A68D8A
- 9D8A87
- 938685
- 8A8382
配色和谐
互补色 +180°
- E09F98
She Loves Pink
- 72C1CB
≈ Luna Moona
类似色 -30° +30°
- E09F98
She Loves Pink
- DB9DB4
≈ Haute Pink
- DAA581
≈ Windswept Canyon
三角配色 +120° +240°
- E09F98
She Loves Pink
- 92C094
≈ Velvet Leaf
- 9BB1E5
≈ Myrtle Flower
分裂互补色 +150° +210°
- E09F98
She Loves Pink
- 79C3B0
≈ Pale Jade
- 80BADE
≈ Enchanting
四角配色 +90° +180° +270°
- E09F98
She Loves Pink
- AFB97F
≈ Nile
- 72C1CB
≈ Luna Moona
- B6A8DF
≈ Grape Illusion
对比度与无障碍
Ag
Fail白底
WCAG 2.19:1 · APCA Lc 43
Ag
AAA黑底
WCAG 9.58:1 · APCA Lc 59
最佳文字颜色: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
代码片段
CSS
:root {
--she-loves-pink: #e09f98;
--she-loves-pink-rgb: 224 159 152;
--she-loves-pink-oklch: oklch(0.763 0.079 25.9);
}
.element {
color: var(--she-loves-pink);
background-color: hsl(6 54% 74%);
border-color: oklch(0.763 0.079 25.9);
}Tailwind CSS v4
@theme {
--color-she-loves-pink: #e09f98;
--color-she-loves-pink-50: #ffede9;
--color-she-loves-pink-100: #ffdfd9;
--color-she-loves-pink-200: #f4c8c2;
--color-she-loves-pink-300: #dda9a1;
--color-she-loves-pink-400: #c98d86;
--color-she-loves-pink-500: #b5716b;
--color-she-loves-pink-600: #99605b;
--color-she-loves-pink-700: #7a4d48;
--color-she-loves-pink-800: #5b3735;
--color-she-loves-pink-900: #402624;
--color-she-loves-pink-950: #281413;
}SCSS
$she-loves-pink: #e09f98;
$she-loves-pink-rgb: 224, 159, 152;
$she-loves-pink-light: mix(#fff, $she-loves-pink, 20%);
$she-loves-pink-dark: mix(#000, $she-loves-pink, 20%);
.element {
color: $she-loves-pink;
box-shadow: 0 0 0 2px rgba($she-loves-pink, 0.35);
}