命名颜色 · #FAAFC8
Caregiver Pink
Caregiver Pink 即 #FAAFC8：rgb(250 175 200)、hsl(340 88% 83%)、oklch(0.832 0.093 357.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Pink mean? → · Caregiver Pink color name →
#FAAFC8
oklch(0.832 0.093 357.6)
颜色转换
- HEX
- #faafc8
- RGB
- rgb(250 175 200)
- HSL
- hsl(340 88% 83%)
- HWB
- hwb(340 69% 2%)
- OKLCH
- oklch(0.832 0.093 357.6)
- OKLab
- oklab(0.832 0.093 -0.004)
- CIE Lab
- lab(79.33 30.76 -1.12)
- LCH
- lch(79.33 30.78 357.9)
- CMYK
- cmyk(0% 30% 20% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- FBB7CD
- FCBFD3
- FDC7D8
- FECFDE
- FED7E3
- FFDFE9
- FFE7EE
- FFEFF4
- FFF7F9
深色调
- D998AE
- BA8194
- 9B6B7B
- 7D5663
- 61414C
- 462E36
- 2D1C21
- 150B0F
- 030102
灰色调
- EEAAC1
- E1A6B9
- D5A1B2
- C99CAB
- BC98A3
- B0939C
- A48E95
- 988A8E
- 8C8587
配色和谐
互补色 +180°
- FAAFC8
Caregiver Pink
- 81DCC7
≈ Fresh Mist
类似色 -30° +30°
- FAAFC8
Caregiver Pink
- E9B3E7
≈ Land of Dreams
- FFB1A7
≈ Peach Pearl
三角配色 +120° +240°
- FAAFC8
Caregiver Pink
- C3D18B
≈ Spring Has Sprung
- 8DD1FD
≈ Long Island Sound
分裂互补色 +150° +210°
- FAAFC8
Caregiver Pink
- 9FD9A6
≈ Green Trance
- 79D9E7
≈ Medium Sky Blue
四角配色 +90° +180° +270°
- FAAFC8
Caregiver Pink
- E1C581
≈ Salty Cracker
- 81DCC7
≈ Fresh Mist
- B0C7FF
≈ Night Snow
对比度与无障碍
Ag
Fail白底
WCAG 1.74:1 · APCA Lc 32
Ag
AAA黑底
WCAG 12.03:1 · APCA Lc 71
最佳文字颜色: #000000
WCAG 12.03:1 (AAA) · APCA Lc 71
Contrast pairs
代码片段
CSS
:root {
--caregiver-pink: #faafc8;
--caregiver-pink-rgb: 250 175 200;
--caregiver-pink-oklch: oklch(0.832 0.093 357.6);
}
.element {
color: var(--caregiver-pink);
background-color: hsl(340 88% 83%);
border-color: oklch(0.832 0.093 357.6);
}Tailwind CSS v4
@theme {
--color-caregiver-pink: #faafc8;
--color-caregiver-pink-50: #ffebf4;
--color-caregiver-pink-100: #ffdce7;
--color-caregiver-pink-200: #f7c4d3;
--color-caregiver-pink-300: #e0a4b6;
--color-caregiver-pink-400: #cb879e;
--color-caregiver-pink-500: #b76b86;
--color-caregiver-pink-600: #9b5b72;
--color-caregiver-pink-700: #7c495b;
--color-caregiver-pink-800: #5c3444;
--color-caregiver-pink-900: #40242f;
--color-caregiver-pink-950: #29121b;
}SCSS
$caregiver-pink: #faafc8;
$caregiver-pink-rgb: 250, 175, 200;
$caregiver-pink-light: mix(#fff, $caregiver-pink, 20%);
$caregiver-pink-dark: mix(#000, $caregiver-pink, 20%);
.element {
color: $caregiver-pink;
box-shadow: 0 0 0 2px rgba($caregiver-pink, 0.35);
}