Màu có tên gần nhất · #C3A4A7
#C3A4A7
Màu có tên gần nhất: Parfait
#C3A4A7 (rgb(195 164 167), hsl(354 21% 70%), oklch(0.747 0.037 11.4)) gần nhất với màu có tên Parfait. 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.
#C3A4A7
oklch(0.747 0.037 11.4)
Chuyển đổi màu
- HEX
- #c3a4a7
- RGB
- rgb(195 164 167)
- HSL
- hsl(354 21% 70%)
- HWB
- hwb(354 64% 24%)
- OKLCH
- oklch(0.747 0.037 11.4)
- OKLab
- oklab(0.747 0.036 0.007)
- CIE Lab
- lab(70.24 12.09 2.91)
- LCH
- lch(70.24 12.43 13.5)
- CMYK
- cmyk(0% 16% 14% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C9ADAF
- CFB6B8
- D5BFC1
- DBC8C9
- E1D1D2
- E7DADB
- EDE3E4
- F3ECED
- F9F6F6
Sắc đậm
- A98E91
- 90797B
- 786466
- 605052
- 4A3D3E
- 342B2C
- 201A1A
- 0E0A0A
- 020101
Sắc xám
- BCA0A3
- B59D9F
- AF999B
- A89697
- A19293
- 9B8E8F
- 948B8C
- 8D8788
- 878484
Hòa sắc
Bổ túc +180°
- C3A4A7
Parfait
- 93B5B3
≈ Artful Aqua
Tương đồng -30° +30°
- C3A4A7
Parfait
- BEA4B4
≈ Pansy Posy
- C2A69B
≈ Taupe Tapestry
Bộ ba +120° +240°
- C3A4A7
Parfait
- A5B29A
≈ Banksia
- 9DAFC4
≈ Sterling Silver
Bổ túc chia +150° +210°
- C3A4A7
Parfait
- 99B5A6
≈ Nile River
- 94B3BE
≈ Lucy Blue
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.28:1 · APCA Lc 45
Ag
AAATrên nền đen
WCAG 9.18:1 · APCA Lc 57
Màu chữ tốt nhất: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
Đoạn mã
CSS
:root {
--parfait: #c3a4a7;
--parfait-rgb: 195 164 167;
--parfait-oklch: oklch(0.747 0.037 11.4);
}
.element {
color: var(--parfait);
background-color: hsl(354 21% 70%);
border-color: oklch(0.747 0.037 11.4);
}Tailwind CSS v4
@theme {
--color-parfait: #c3a4a7;
--color-parfait-50: #fff1f2;
--color-parfait-100: #f4e3e4;
--color-parfait-200: #e3ced0;
--color-parfait-300: #c9b0b2;
--color-parfait-400: #b39699;
--color-parfait-500: #9d7d80;
--color-parfait-600: #856a6c;
--color-parfait-700: #6a5457;
--color-parfait-800: #4e3d40;
--color-parfait-900: #362a2c;
--color-parfait-950: #211819;
}SCSS
$parfait: #c3a4a7;
$parfait-rgb: 195, 164, 167;
$parfait-light: mix(#fff, $parfait, 20%);
$parfait-dark: mix(#000, $parfait, 20%);
.element {
color: $parfait;
box-shadow: 0 0 0 2px rgba($parfait, 0.35);
}