最接近的命名颜色 · #C97F89
#C97F89
最接近的命名颜色: I Love You Pink
#C97F89（rgb(201 127 137)、hsl(352 41% 64%)、oklch(0.676 0.092 11)）最接近命名颜色 I Love You Pink。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C97F89
oklch(0.676 0.092 11)
颜色转换
- HEX
- #c97f89
- RGB
- rgb(201 127 137)
- HSL
- hsl(352 41% 64%)
- HWB
- hwb(352 50% 21%)
- OKLCH
- oklch(0.676 0.092 11)
- OKLab
- oklab(0.676 0.091 0.018)
- CIE Lab
- lab(61.42 30.36 7.26)
- LCH
- lch(61.42 31.22 13.5)
- CMYK
- cmyk(0% 37% 32% 21%)
浅色调 · 深色调 · 灰色调
浅色调
- CF8C94
- D598A0
- DBA5AB
- E1B1B7
- E6BEC2
- ECCBCE
- F1D8DA
- F6E5E6
- FAF2F3
深色调
- AE6E76
- 955D64
- 7C4C53
- 643C42
- 4C2D31
- 361F22
- 221114
- 0F0607
- 020101
灰色调
- C27F88
- BB8087
- B48086
- AD8085
- A68085
- 9E8084
- 978083
- 8F8082
- 888081
配色和谐
互补色 +180°
- C97F89
I Love You Pink
- 46A9A5
≈ Tidal Teal
类似色 -30° +30°
- C97F89
I Love You Pink
- BE80A8
≈ Romanov Mauve
- C8846A
≈ Cabana Melon
三角配色 +120° +240°
- C97F89
I Love You Pink
- 83A366
≈ Pickle
- 6B9BCF
≈ Sea Loch
分裂互补色 +150° +210°
- C97F89
I Love You Pink
- 5FA985
≈ Verdigris Green
- 4DA4BF
≈ Brig
四角配色 +90° +180° +270°
- C97F89
I Love You Pink
- A39953
≈ Formosan Green
- 46A9A5
≈ Tidal Teal
- 8D91CF
≈ Bailey Bells
对比度与无障碍
Ag
Fail白底
WCAG 3.05:1 · APCA Lc 57
Ag
AA黑底
WCAG 6.88:1 · APCA Lc 45
最佳文字颜色: #000000
WCAG 6.88:1 (AA) · APCA Lc 45
Contrast pairs
代码片段
CSS
:root {
--i-love-you-pink: #c97f89;
--i-love-you-pink-rgb: 201 127 137;
--i-love-you-pink-oklch: oklch(0.676 0.092 11);
}
.element {
color: var(--i-love-you-pink);
background-color: hsl(352 41% 64%);
border-color: oklch(0.676 0.092 11);
}Tailwind CSS v4
@theme {
--color-i-love-you-pink: #c97f89;
--color-i-love-you-pink-50: #ffebee;
--color-i-love-you-pink-100: #ffdcdf;
--color-i-love-you-pink-200: #f9c5c9;
--color-i-love-you-pink-300: #e2a4aa;
--color-i-love-you-pink-400: #cf8891;
--color-i-love-you-pink-500: #bb6b77;
--color-i-love-you-pink-600: #9e5b65;
--color-i-love-you-pink-700: #7f4950;
--color-i-love-you-pink-800: #5e343c;
--color-i-love-you-pink-900: #422429;
--color-i-love-you-pink-950: #2a1217;
}SCSS
$i-love-you-pink: #c97f89;
$i-love-you-pink-rgb: 201, 127, 137;
$i-love-you-pink-light: mix(#fff, $i-love-you-pink, 20%);
$i-love-you-pink-dark: mix(#000, $i-love-you-pink, 20%);
.element {
color: $i-love-you-pink;
box-shadow: 0 0 0 2px rgba($i-love-you-pink, 0.35);
}