Màu có tên gần nhất · #EC5C7F
#EC5C7F
Màu có tên gần nhất: Lick and Kiss
#EC5C7F (rgb(236 92 127), hsl(345 79% 64%), oklch(0.669 0.179 8.4)) gần nhất với màu có tên Lick and Kiss. 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.
#EC5C7F
oklch(0.669 0.179 8.4)
Chuyển đổi màu
- HEX
- #ec5c7f
- RGB
- rgb(236 92 127)
- HSL
- hsl(345 79% 64%)
- HWB
- hwb(345 36% 7%)
- OKLCH
- oklch(0.669 0.179 8.4)
- OKLab
- oklab(0.669 0.177 0.026)
- CIE Lab
- lab(59.55 58.53 11.29)
- LCH
- lch(59.55 59.61 10.9)
- CMYK
- cmyk(0% 61% 46% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F06F8B
- F48097
- F791A4
- FAA1B0
- FDB1BD
- FEC1CA
- FFD0D7
- FFE0E4
- FFEFF2
Sắc đậm
- CD4F6E
- AF425D
- 92364C
- 762A3C
- 5B1F2D
- 42141F
- 290A11
- 130306
- 030001
Sắc xám
- E2627F
- D8677F
- CE6C7F
- C47080
- B97380
- AF7680
- A47980
- 987C80
- 8C7E80
Hòa sắc
Bổ túc +180°
- EC5C7F
Lick and Kiss
- 00ABA3
≈ Teal Me No Lies
Tương đồng -30° +30°
- EC5C7F
Lick and Kiss
- D862BA
≈ Pink Charge
- ED6537
≈ Flaming Orange
Bộ ba +120° +240°
- EC5C7F
Lick and Kiss
- 74A800
≈ Green Envy
- 0C9AFC
≈ Blue Nebula
Bổ túc chia +150° +210°
- EC5C7F
Lick and Kiss
- 00B170
≈ Jade Powder
- 00A6C6
≈ True Sky Blue
Bộ bốn +90° +180° +270°
- EC5C7F
Lick and Kiss
- AB9500
≈ Vegan Villain
- 00ABA3
≈ Teal Me No Lies
- 7F85FF
≈ Blue Party Parrot
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.27:1 · APCA Lc 59
Ag
AATrên nền đen
WCAG 6.40:1 · APCA Lc 42
Màu chữ tốt nhất: #000000
WCAG 6.40:1 (AA) · APCA Lc 42
Contrast pairs
Đoạn mã
CSS
:root {
--lick-and-kiss: #ec5c7f;
--lick-and-kiss-rgb: 236 92 127;
--lick-and-kiss-oklch: oklch(0.669 0.179 8.4);
}
.element {
color: var(--lick-and-kiss);
background-color: hsl(345 79% 64%);
border-color: oklch(0.669 0.179 8.4);
}Tailwind CSS v4
@theme {
--color-lick-and-kiss: #ec5c7f;
--color-lick-and-kiss-50: #ffe1e9;
--color-lick-and-kiss-100: #ffd0da;
--color-lick-and-kiss-200: #ffb4c2;
--color-lick-and-kiss-300: #ff8ea2;
--color-lick-and-kiss-400: #f36a89;
--color-lick-and-kiss-500: #e1416e;
--color-lick-and-kiss-600: #be395e;
--color-lick-and-kiss-700: #992e4b;
--color-lick-and-kiss-800: #721f38;
--color-lick-and-kiss-900: #501526;
--color-lick-and-kiss-950: #350515;
}SCSS
$lick-and-kiss: #ec5c7f;
$lick-and-kiss-rgb: 236, 92, 127;
$lick-and-kiss-light: mix(#fff, $lick-and-kiss, 20%);
$lick-and-kiss-dark: mix(#000, $lick-and-kiss, 20%);
.element {
color: $lick-and-kiss;
box-shadow: 0 0 0 2px rgba($lick-and-kiss, 0.35);
}