命名颜色 · #EFA7BF
Tickled Pink
Tickled Pink 即 #EFA7BF：rgb(239 167 191)、hsl(340 69% 80%)、oklch(0.804 0.09 357.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Pink mean? → · Tickled Pink color name →
#EFA7BF
oklch(0.804 0.09 357.6)
颜色转换
- HEX
- #efa7bf
- RGB
- rgb(239 167 191)
- HSL
- hsl(340 69% 80%)
- HWB
- hwb(340 65% 6%)
- OKLCH
- oklch(0.804 0.09 357.6)
- OKLab
- oklab(0.804 0.09 -0.004)
- CIE Lab
- lab(76.11 29.78 -1.08)
- LCH
- lch(76.11 29.8 357.9)
- CMYK
- cmyk(0% 30% 20% 6%)
浅色调 · 深色调 · 灰色调
浅色调
- F1B0C5
- F3B9CC
- F5C1D2
- F7CAD8
- F9D3DF
- FADCE5
- FCE5EB
- FDEDF2
- FEF6F8
深色调
- D091A6
- B17B8D
- 946675
- 78525E
- 5C3E48
- 422C33
- 2A1A1F
- 140A0D
- 030102
灰色调
- E4A3B8
- D99FB2
- CD9CAC
- C298A5
- B7949F
- AC9099
- A18C92
- 96888C
- 8B8486
配色和谐
互补色 +180°
- EFA7BF
Tickled Pink
- 7BD2BE
≈ Green Parakeet
类似色 -30° +30°
- EFA7BF
Tickled Pink
- DFABDD
≈ Barely Bloomed
- F4A99F
≈ Rosy Outlook
三角配色 +120° +240°
- EFA7BF
Tickled Pink
- BAC784
≈ Apple II Beige
- 86C8F2
≈ Fish Pond
分裂互补色 +150° +210°
- EFA7BF
Tickled Pink
- 98CF9E
≈ Garden Goddess
- 73D0DD
≈ Summer of ’82
四角配色 +90° +180° +270°
- EFA7BF
Tickled Pink
- D7BC7A
≈ Jojoba
- 7BD2BE
≈ Green Parakeet
- A6BEFA
≈ Pastel Blue
对比度与无障碍
Ag
Fail白底
WCAG 1.91:1 · APCA Lc 37
Ag
AAA黑底
WCAG 10.94:1 · APCA Lc 66
最佳文字颜色: #000000
WCAG 10.94:1 (AAA) · APCA Lc 66
Contrast pairs
代码片段
CSS
:root {
--tickled-pink: #efa7bf;
--tickled-pink-rgb: 239 167 191;
--tickled-pink-oklch: oklch(0.804 0.09 357.6);
}
.element {
color: var(--tickled-pink);
background-color: hsl(340 69% 80%);
border-color: oklch(0.804 0.09 357.6);
}Tailwind CSS v4
@theme {
--color-tickled-pink: #efa7bf;
--color-tickled-pink-50: #ffebf4;
--color-tickled-pink-100: #ffdce7;
--color-tickled-pink-200: #f6c5d3;
--color-tickled-pink-300: #dfa5b6;
--color-tickled-pink-400: #ca889e;
--color-tickled-pink-500: #b66c86;
--color-tickled-pink-600: #9a5c72;
--color-tickled-pink-700: #7b495b;
--color-tickled-pink-800: #5b3544;
--color-tickled-pink-900: #40242f;
--color-tickled-pink-950: #28131b;
}SCSS
$tickled-pink: #efa7bf;
$tickled-pink-rgb: 239, 167, 191;
$tickled-pink-light: mix(#fff, $tickled-pink, 20%);
$tickled-pink-dark: mix(#000, $tickled-pink, 20%);
.element {
color: $tickled-pink;
box-shadow: 0 0 0 2px rgba($tickled-pink, 0.35);
}