Màu có tên gần nhất · #D5A3BC
#D5A3BC
Màu có tên gần nhất: Sweet Perfume
#D5A3BC (rgb(213 163 188), hsl(330 37% 74%), oklch(0.769 0.067 347.3)) gần nhất với màu có tên Sweet Perfume. 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.
#D5A3BC
oklch(0.769 0.067 347.3)
Chuyển đổi màu
- HEX
- #d5a3bc
- RGB
- rgb(213 163 188)
- HSL
- hsl(330 37% 74%)
- HWB
- hwb(330 64% 16%)
- OKLCH
- oklch(0.769 0.067 347.3)
- OKLab
- oklab(0.769 0.066 -0.015)
- CIE Lab
- lab(72.3 21.93 -5.38)
- LCH
- lch(72.3 22.58 346.2)
- CMYK
- cmyk(0% 23% 12% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DAACC3
- DEB5C9
- E2BED0
- E7C7D6
- EBD0DD
- EFDAE4
- F3E3EB
- F7ECF1
- FBF6F8
Sắc đậm
- B98DA3
- 9E788B
- 836373
- 6A4F5D
- 513C47
- 3A2A32
- 24191F
- 100A0D
- 020102
Sắc xám
- CCA0B6
- C49CB0
- BB99AA
- B395A4
- AA929E
- A28E98
- 998B92
- 91878C
- 888486
Hòa sắc
Bổ túc +180°
- D5A3BC
Sweet Perfume
- 8AC2AB
≈ Spearmint Frosting
Tương đồng -30° +30°
- D5A3BC
Sweet Perfume
- C6A7D1
≈ Feminine Fancy
- DCA3A4
≈ Pastel Pink
Bộ ba +120° +240°
- D5A3BC
Sweet Perfume
- B8B785
≈ Aloe Plant
- 86BDD6
≈ High Elf Blue
Bổ túc chia +150° +210°
- D5A3BC
Sweet Perfume
- A0BF94
≈ Praying Mantis
- 7FC2C3
≈ Celestine
Bộ bốn +90° +180° +270°
- D5A3BC
Sweet Perfume
- CCAF84
≈ Harvest Home
- 8AC2AB
≈ Spearmint Frosting
- 99B6DF
≈ Honest
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.14:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.79:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
CSS
:root {
--sweet-perfume: #d5a3bc;
--sweet-perfume-rgb: 213 163 188;
--sweet-perfume-oklch: oklch(0.769 0.067 347.3);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(330 37% 74%);
border-color: oklch(0.769 0.067 347.3);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #d5a3bc;
--color-sweet-perfume-50: #ffeef8;
--color-sweet-perfume-100: #fadfeb;
--color-sweet-perfume-200: #ecc9d9;
--color-sweet-perfume-300: #d3aabd;
--color-sweet-perfume-400: #bd8fa6;
--color-sweet-perfume-500: #a8748f;
--color-sweet-perfume-600: #8e6279;
--color-sweet-perfume-700: #724f60;
--color-sweet-perfume-800: #543948;
--color-sweet-perfume-900: #3a2732;
--color-sweet-perfume-950: #24151e;
}SCSS
$sweet-perfume: #d5a3bc;
$sweet-perfume-rgb: 213, 163, 188;
$sweet-perfume-light: mix(#fff, $sweet-perfume, 20%);
$sweet-perfume-dark: mix(#000, $sweet-perfume, 20%);
.element {
color: $sweet-perfume;
box-shadow: 0 0 0 2px rgba($sweet-perfume, 0.35);
}