Màu có tên gần nhất · #CCA29E
#CCA29E
Màu có tên gần nhất: La Vie en Rose
#CCA29E (rgb(204 162 158), hsl(5 31% 71%), oklch(0.749 0.05 24.6)) gần nhất với màu có tên La Vie en Rose. 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.
#CCA29E
oklch(0.749 0.05 24.6)
Chuyển đổi màu
- HEX
- #cca29e
- RGB
- rgb(204 162 158)
- HSL
- hsl(5 31% 71%)
- HWB
- hwb(5 62% 20%)
- OKLCH
- oklch(0.749 0.05 24.6)
- OKLab
- oklab(0.749 0.046 0.021)
- CIE Lab
- lab(70.46 15.55 8.31)
- LCH
- lch(70.46 17.63 28.1)
- CMYK
- cmyk(0% 21% 23% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D1ABA7
- D7B4B1
- DCBDBA
- E1C7C4
- E6D0CE
- EBD9D7
- F0E3E1
- F5ECEB
- FAF5F5
Sắc đậm
- B18C89
- 977774
- 7E6360
- 654F4D
- 4E3C3A
- 372A29
- 221918
- 0F0A09
- 020101
Sắc xám
- C49F9B
- BD9B98
- B59895
- AD9492
- A6918F
- 9E8E8C
- 978A89
- 8F8786
- 888383
Hòa sắc
Bổ túc +180°
- CCA29E
La Vie en Rose
- 88B8BD
≈ Summit
Tương đồng -30° +30°
- CCA29E
La Vie en Rose
- C9A1AF
≈ Opaline Pink
- C8A690
≈ Moenkopi Soil
Bộ ba +120° +240°
- CCA29E
La Vie en Rose
- 9BB79A
≈ Brookview
- 9EAECF
≈ Heartsong
Bổ túc chia +150° +210°
- CCA29E
La Vie en Rose
- 8DB9AC
≈ Mild Evergreen
- 8FB4C9
≈ Pond Blue
Bộ bốn +90° +180° +270°
- CCA29E
La Vie en Rose
- ACB28E
≈ Lint
- 88B8BD
≈ Summit
- AFA8CB
≈ Violet Mix
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.27:1 · APCA Lc 45
Ag
AAATrên nền đen
WCAG 9.22:1 · APCA Lc 57
Màu chữ tốt nhất: #000000
WCAG 9.22:1 (AAA) · APCA Lc 57
Contrast pairs
Đoạn mã
CSS
:root {
--la-vie-en-rose: #cca29e;
--la-vie-en-rose-rgb: 204 162 158;
--la-vie-en-rose-oklch: oklch(0.749 0.05 24.6);
}
.element {
color: var(--la-vie-en-rose);
background-color: hsl(5 31% 71%);
border-color: oklch(0.749 0.05 24.6);
}Tailwind CSS v4
@theme {
--color-la-vie-en-rose: #cca29e;
--color-la-vie-en-rose-50: #fff0ed;
--color-la-vie-en-rose-100: #f8e2df;
--color-la-vie-en-rose-200: #e9cdc9;
--color-la-vie-en-rose-300: #d0aeaa;
--color-la-vie-en-rose-400: #bb9390;
--color-la-vie-en-rose-500: #a57a76;
--color-la-vie-en-rose-600: #8c6764;
--color-la-vie-en-rose-700: #705250;
--color-la-vie-en-rose-800: #533c3a;
--color-la-vie-en-rose-900: #3a2928;
--color-la-vie-en-rose-950: #241716;
}SCSS
$la-vie-en-rose: #cca29e;
$la-vie-en-rose-rgb: 204, 162, 158;
$la-vie-en-rose-light: mix(#fff, $la-vie-en-rose, 20%);
$la-vie-en-rose-dark: mix(#000, $la-vie-en-rose, 20%);
.element {
color: $la-vie-en-rose;
box-shadow: 0 0 0 2px rgba($la-vie-en-rose, 0.35);
}