Màu có tên · #FAAFC8
Caregiver Pink
Caregiver Pink là #FAAFC8: rgb(250 175 200), hsl(340 88% 83%), oklch(0.832 0.093 357.6). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Pink mean? → · Caregiver Pink color name →
#FAAFC8
oklch(0.832 0.093 357.6)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FBB7CD
- FCBFD3
- FDC7D8
- FECFDE
- FED7E3
- FFDFE9
- FFE7EE
- FFEFF4
- FFF7F9
Sắc đậm
- D998AE
- BA8194
- 9B6B7B
- 7D5663
- 61414C
- 462E36
- 2D1C21
- 150B0F
- 030102
Sắc xám
- EEAAC1
- E1A6B9
- D5A1B2
- C99CAB
- BC98A3
- B0939C
- A48E95
- 988A8E
- 8C8587
Hòa sắc
Bổ túc +180°
- FAAFC8
Caregiver Pink
- 81DCC7
≈ Fresh Mist
Tương đồng -30° +30°
- FAAFC8
Caregiver Pink
- E9B3E7
≈ Land of Dreams
- FFB1A7
≈ Peach Pearl
Bộ ba +120° +240°
- FAAFC8
Caregiver Pink
- C3D18B
≈ Spring Has Sprung
- 8DD1FD
≈ Long Island Sound
Bổ túc chia +150° +210°
- FAAFC8
Caregiver Pink
- 9FD9A6
≈ Green Trance
- 79D9E7
≈ Medium Sky Blue
Bộ bốn +90° +180° +270°
- FAAFC8
Caregiver Pink
- E1C581
≈ Salty Cracker
- 81DCC7
≈ Fresh Mist
- B0C7FF
≈ Night Snow
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.74:1 · APCA Lc 32
Ag
AAATrên nền đen
WCAG 12.03:1 · APCA Lc 71
Màu chữ tốt nhất: #000000
WCAG 12.03:1 (AAA) · APCA Lc 71
Contrast pairs
Đoạn mã
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);
}