Màu có tên gần nhất · #D9A8A0
#D9A8A0
Màu có tên gần nhất: La Vie en Rose
#D9A8A0 (rgb(217 168 160), hsl(8 43% 74%), oklch(0.774 0.059 29.1)) 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.
#D9A8A0
oklch(0.774 0.059 29.1)
Chuyển đổi màu
- HEX
- #d9a8a0
- RGB
- rgb(217 168 160)
- HSL
- hsl(8 43% 74%)
- HWB
- hwb(8 63% 15%)
- OKLCH
- oklch(0.774 0.059 29.1)
- OKLab
- oklab(0.774 0.052 0.029)
- CIE Lab
- lab(73.31 17.71 11.44)
- LCH
- lch(73.31 21.09 32.9)
- CMYK
- cmyk(0% 23% 26% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DDB1A9
- E1B9B2
- E5C2BC
- E9CAC5
- EDD3CF
- F1DCD8
- F4E5E2
- F8EDEB
- FCF6F5
Sắc đậm
- BC928B
- A17C76
- 866761
- 6C524E
- 533F3B
- 3B2C29
- 251A19
- 110A09
- 020101
Sắc xám
- D0A49D
- C7A09A
- BE9C96
- B59893
- AC9490
- A3908D
- 9A8C8A
- 928886
- 898483
Hòa sắc
Bổ túc +180°
- D9A8A0
La Vie en Rose
- 89C1CA
≈ Antigua Sand
Tương đồng -30° +30°
- D9A8A0
La Vie en Rose
- D6A6B5
≈ Pink Nectar
- D3AD90
≈ Fossil Tan
Bộ ba +120° +240°
- D9A8A0
La Vie en Rose
- 9CC1A1
≈ Spruce Stone
- A6B5DC
≈ Sassy Violet
Bổ túc chia +150° +210°
- D9A8A0
La Vie en Rose
- 8CC3B6
≈ Catarina Green
- 93BCD8
≈ Manakin
Bộ bốn +90° +180° +270°
- D9A8A0
La Vie en Rose
- B1BC91
≈ Gloaming Green
- 89C1CA
≈ Antigua Sand
- BAAED7
≈ Delicate Lilac
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.08:1 · APCA Lc 41
Ag
AAATrên nền đen
WCAG 10.05:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.05:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
CSS
:root {
--la-vie-en-rose: #d9a8a0;
--la-vie-en-rose-rgb: 217 168 160;
--la-vie-en-rose-oklch: oklch(0.774 0.059 29.1);
}
.element {
color: var(--la-vie-en-rose);
background-color: hsl(8 43% 74%);
border-color: oklch(0.774 0.059 29.1);
}Tailwind CSS v4
@theme {
--color-la-vie-en-rose: #d9a8a0;
--color-la-vie-en-rose-50: #ffefeb;
--color-la-vie-en-rose-100: #fbe1dc;
--color-la-vie-en-rose-200: #edccc5;
--color-la-vie-en-rose-300: #d4ada5;
--color-la-vie-en-rose-400: #bf928a;
--color-la-vie-en-rose-500: #aa7870;
--color-la-vie-en-rose-600: #90655f;
--color-la-vie-en-rose-700: #73514b;
--color-la-vie-en-rose-800: #553b37;
--color-la-vie-en-rose-900: #3b2826;
--color-la-vie-en-rose-950: #251614;
}SCSS
$la-vie-en-rose: #d9a8a0;
$la-vie-en-rose-rgb: 217, 168, 160;
$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);
}