Màu có tên gần nhất · #DA4A6A
#DA4A6A
Màu có tên gần nhất: Cabaret
#DA4A6A (rgb(218 74 106), hsl(347 66% 57%), oklch(0.616 0.18 10.9)) gần nhất với màu có tên Cabaret. 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.
#DA4A6A
oklch(0.616 0.18 10.9)
Chuyển đổi màu
- HEX
- #da4a6a
- RGB
- rgb(218 74 106)
- HSL
- hsl(347 66% 57%)
- HWB
- hwb(347 29% 15%)
- OKLCH
- oklch(0.616 0.18 10.9)
- OKLab
- oklab(0.616 0.177 0.034)
- CIE Lab
- lab(53.36 58.6 14.61)
- LCH
- lch(53.36 60.39 14)
- CMYK
- cmyk(0% 66% 51% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E05F78
- E67286
- EB8595
- F097A3
- F4A8B2
- F8BAC1
- FACBD0
- FDDCE0
- FEEEEF
Sắc đậm
- BD3F5B
- A2354D
- 872A3F
- 6C2031
- 541724
- 3C0E18
- 25060D
- 110204
- 020000
Sắc xám
- D2526C
- CA5A6F
- C26071
- BA6673
- B16B75
- A87077
- 9F757A
- 95797C
- 8B7C7E
Hòa sắc
Bổ túc +180°
- DA4A6A
Cabaret
- 009994
≈ Columbia
Tương đồng -30° +30°
- DA4A6A
Cabaret
- C850A5
≈ Krameria
- DA5417
≈ Liselotte Syrup
Bộ ba +120° +240°
- DA4A6A
Cabaret
- 609800
≈ Gecko’s Dream
- 0087EB
≈ Blue Cola
Bổ túc chia +150° +210°
- DA4A6A
Cabaret
- 009D69
≈ Prairie
- 0094B4
≈ Bondi 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 4.06:1 · APCA Lc 67
Ag
AATrên nền đen
WCAG 5.16:1 · APCA Lc 35
Màu chữ tốt nhất: #000000
WCAG 5.16:1 (AA) · APCA Lc 35
Contrast pairs
Đoạn mã
CSS
:root {
--cabaret: #da4a6a;
--cabaret-rgb: 218 74 106;
--cabaret-oklch: oklch(0.616 0.18 10.9);
}
.element {
color: var(--cabaret);
background-color: hsl(347 66% 57%);
border-color: oklch(0.616 0.18 10.9);
}Tailwind CSS v4
@theme {
--color-cabaret: #da4a6a;
--color-cabaret-50: #ffe1e7;
--color-cabaret-100: #ffd0d7;
--color-cabaret-200: #ffb4be;
--color-cabaret-300: #ff8e9d;
--color-cabaret-400: #f46a84;
--color-cabaret-500: #e34168;
--color-cabaret-600: #bf3959;
--color-cabaret-700: #9a2d47;
--color-cabaret-800: #731f35;
--color-cabaret-900: #511524;
--color-cabaret-950: #350513;
}SCSS
$cabaret: #da4a6a;
$cabaret-rgb: 218, 74, 106;
$cabaret-light: mix(#fff, $cabaret, 20%);
$cabaret-dark: mix(#000, $cabaret, 20%);
.element {
color: $cabaret;
box-shadow: 0 0 0 2px rgba($cabaret, 0.35);
}