Màu có tên gần nhất · #DA91B6
#DA91B6
Màu có tên gần nhất: Sweet Perfume
#DA91B6 (rgb(218 145 182), hsl(330 50% 71%), oklch(0.741 0.1 348)) 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.
#DA91B6
oklch(0.741 0.1 348)
Chuyển đổi màu
- HEX
- #da91b6
- RGB
- rgb(218 145 182)
- HSL
- hsl(330 50% 71%)
- HWB
- hwb(330 57% 15%)
- OKLCH
- oklch(0.741 0.1 348)
- OKLab
- oklab(0.741 0.097 -0.021)
- CIE Lab
- lab(68.56 32.26 -7.47)
- LCH
- lch(68.56 33.11 347)
- CMYK
- cmyk(0% 33% 17% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DE9CBD
- E3A7C4
- E7B2CB
- EBBDD3
- EEC8DA
- F2D3E1
- F6DEE9
- F9E9F0
- FCF4F8
Sắc đậm
- BD7D9E
- A26A86
- 87586F
- 6C4659
- 543544
- 3C2530
- 25151D
- 11070C
- 020102
Sắc xám
- D190B0
- C88EAB
- BF8DA5
- B68BA0
- AD899B
- A48895
- 9B8690
- 92848B
- 898285
Hòa sắc
Bổ túc +180°
- DA91B6
Sweet Perfume
- 65BF9F
≈ Peppermint Fresh
Tương đồng -30° +30°
- DA91B6
Sweet Perfume
- C597D4
≈ Mauve Mist
- E39193
≈ Fresh Pink
Bộ ba +120° +240°
- DA91B6
Sweet Perfume
- B1B063
≈ Palm
- 60B7DC
≈ Nancy
Bổ túc chia +150° +210°
- DA91B6
Sweet Perfume
- 8CBA7C
≈ Prime Merchandise
- 50BEC2
≈ Pharaoh’s Seas
Bộ bốn +90° +180° +270°
- DA91B6
Sweet Perfume
- CEA35F
≈ Caribou Herd
- 65BF9F
≈ Peppermint Fresh
- 84ADEA
≈ Queer Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.41:1 · APCA Lc 47
Ag
AAATrên nền đen
WCAG 8.70:1 · APCA Lc 55
Màu chữ tốt nhất: #000000
WCAG 8.70:1 (AAA) · APCA Lc 55
Contrast pairs
Đoạn mã
CSS
:root {
--sweet-perfume: #da91b6;
--sweet-perfume-rgb: 218 145 182;
--sweet-perfume-oklch: oklch(0.741 0.1 348);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(330 50% 71%);
border-color: oklch(0.741 0.1 348);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #da91b6;
--color-sweet-perfume-50: #ffeaf9;
--color-sweet-perfume-100: #ffdbec;
--color-sweet-perfume-200: #f6c3da;
--color-sweet-perfume-300: #dfa3be;
--color-sweet-perfume-400: #ca86a9;
--color-sweet-perfume-500: #b66a92;
--color-sweet-perfume-600: #9a5a7b;
--color-sweet-perfume-700: #7b4863;
--color-sweet-perfume-800: #5b344a;
--color-sweet-perfume-900: #402333;
--color-sweet-perfume-950: #28121f;
}SCSS
$sweet-perfume: #da91b6;
$sweet-perfume-rgb: 218, 145, 182;
$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);
}