命名颜色 · #E4ADD3
Pink Plunge
Pink Plunge 即 #E4ADD3：rgb(228 173 211)、hsl(319 50% 79%)、oklch(0.81 0.081 338.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Pink mean? → · Pink Plunge color name →
#E4ADD3
oklch(0.81 0.081 338.1)
颜色转换
- HEX
- #e4add3
- RGB
- rgb(228 173 211)
- HSL
- hsl(319 50% 79%)
- HWB
- hwb(319 68% 11%)
- OKLCH
- oklch(0.81 0.081 338.1)
- OKLab
- oklab(0.81 0.075 -0.03)
- CIE Lab
- lab(76.78 25.15 -11.12)
- LCH
- lch(76.78 27.5 336.1)
- CMYK
- cmyk(0% 24% 7% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E7B5D7
- EABDDC
- EDC5E0
- F0CEE5
- F2D6E9
- F5DEED
- F8E6F2
- FAEEF6
- FDF7FB
深色调
- C696B7
- A97F9C
- 8D6A82
- 725569
- 584151
- 3F2D3A
- 281B24
- 120B10
- 030102
灰色调
- DAA9CA
- D0A4C2
- C5A0B9
- BB9BB1
- B197A9
- A792A0
- 9E8E98
- 948990
- 8A8588
配色和谐
互补色 +180°
- E4ADD3
Pink Plunge
- 94D1AD
≈ Heath Green
类似色 -30° +30°
- E4ADD3
Pink Plunge
- CFB3EA
≈ Connecticut Lilac
- EFABB7
≈ Almond Blossom
三角配色 +120° +240°
- E4ADD3
Pink Plunge
- CEC285
≈ Winter Hazel
- 82CEE4
≈ Summer Splash
分裂互补色 +150° +210°
- E4ADD3
Pink Plunge
- B2CB93
≈ Garden Spot
- 81D2CA
≈ Water Wings
四角配色 +90° +180° +270°
- E4ADD3
Pink Plunge
- E4B788
≈ Bundle of Wheat
- 94D1AD
≈ Heath Green
- 97C6F3
≈ Sail to the Sea
对比度与无障碍
Ag
Fail白底
WCAG 1.87:1 · APCA Lc 35
Ag
AAA黑底
WCAG 11.21:1 · APCA Lc 67
最佳文字颜色: #000000
WCAG 11.21:1 (AAA) · APCA Lc 67
Contrast pairs
代码片段
CSS
:root {
--pink-plunge: #e4add3;
--pink-plunge-rgb: 228 173 211;
--pink-plunge-oklch: oklch(0.81 0.081 338.1);
}
.element {
color: var(--pink-plunge);
background-color: hsl(319 50% 79%);
border-color: oklch(0.81 0.081 338.1);
}Tailwind CSS v4
@theme {
--color-pink-plunge: #e4add3;
--color-pink-plunge-50: #ffedfc;
--color-pink-plunge-100: #fcdef0;
--color-pink-plunge-200: #edc7df;
--color-pink-plunge-300: #d5a8c4;
--color-pink-plunge-400: #be8caf;
--color-pink-plunge-500: #a97199;
--color-pink-plunge-600: #8f6081;
--color-pink-plunge-700: #734c67;
--color-pink-plunge-800: #54374d;
--color-pink-plunge-900: #3b2636;
--color-pink-plunge-950: #251421;
}SCSS
$pink-plunge: #e4add3;
$pink-plunge-rgb: 228, 173, 211;
$pink-plunge-light: mix(#fff, $pink-plunge, 20%);
$pink-plunge-dark: mix(#000, $pink-plunge, 20%);
.element {
color: $pink-plunge;
box-shadow: 0 0 0 2px rgba($pink-plunge, 0.35);
}