Màu có tên gần nhất · #E10099
#E10099
Màu có tên gần nhất: Love Vessel
#E10099 (rgb(225 0 153), hsl(319 100% 44%), oklch(0.602 0.252 348.6)) gần nhất với màu có tên Love Vessel. 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.
#E10099
oklch(0.602 0.252 348.6)
Chuyển đổi màu
- HEX
- #e10099
- RGB
- rgb(225 0 153)
- HSL
- hsl(319 100% 44%)
- HWB
- hwb(319 0% 12%)
- OKLCH
- oklch(0.602 0.252 348.6)
- OKLab
- oklab(0.602 0.247 -0.05)
- CIE Lab
- lab(50.31 78.76 -17.8)
- LCH
- lch(50.31 80.75 347.3)
- CMYK
- cmyk(0% 100% 32% 12%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E73BA3
- ED58AD
- F270B7
- F687C1
- FA9CCB
- FDB0D6
- FFC4E0
- FFD8EA
- FFEBF5
Sắc đậm
- C40084
- A70070
- 8B005D
- 70004A
- 560038
- 3E0027
- 270017
- 120008
- 020001
Sắc xám
- D92A97
- D13D94
- C84A92
- BF558F
- B65E8D
- AD668A
- A36E88
- 987485
- 8C7A83
Hòa sắc
Bổ túc +180°
- E10099
Love Vessel
- 009773
≈ Cadaverous
Tương đồng -30° +30°
- E10099
Love Vessel
- BC34DE
≈ Eupatorium Purple
- EE0044
≈ Enraged
Bộ ba +120° +240°
- E10099
Love Vessel
- 888600
≈ Palak Paneer
- 008DB8
≈ Hawaiian Ocean
Bổ túc chia +150° +210°
- E10099
Love Vessel
- 399900
≈ Planter
- 009397
≈ Lido Deck
Bộ bốn +90° +180° +270°
- E10099
Love Vessel
- A97600
≈ Falafel
- 009773
≈ Cadaverous
- 1479FF
≈ Hadfield Blue
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.50:1 · APCA Lc 69
Ag
AATrên nền đen
WCAG 4.66:1 · APCA Lc 33
Màu chữ tốt nhất: #000000
WCAG 4.66:1 (AA) · APCA Lc 33
Contrast pairs
Đoạn mã
CSS
:root {
--love-vessel: #e10099;
--love-vessel-rgb: 225 0 153;
--love-vessel-oklch: oklch(0.602 0.252 348.6);
}
.element {
color: var(--love-vessel);
background-color: hsl(319 100% 44%);
border-color: oklch(0.602 0.252 348.6);
}Tailwind CSS v4
@theme {
--color-love-vessel: #e10099;
--color-love-vessel-50: #ffd8ff;
--color-love-vessel-100: #ffc5f3;
--color-love-vessel-200: #ffa4e2;
--color-love-vessel-300: #ff78c8;
--color-love-vessel-400: #ff49b7;
--color-love-vessel-500: #f000a1;
--color-love-vessel-600: #ca0088;
--color-love-vessel-700: #a3006d;
--color-love-vessel-800: #790053;
--color-love-vessel-900: #55003a;
--color-love-vessel-950: #390024;
}SCSS
$love-vessel: #e10099;
$love-vessel-rgb: 225, 0, 153;
$love-vessel-light: mix(#fff, $love-vessel, 20%);
$love-vessel-dark: mix(#000, $love-vessel, 20%);
.element {
color: $love-vessel;
box-shadow: 0 0 0 2px rgba($love-vessel, 0.35);
}