En yakın adlandırılmış renk · #E10098
#E10098
En yakın adlandırılmış renk: Love Vessel
#E10098 (rgb(225 0 152), hsl(319 100% 44%), oklch(0.601 0.252 348.9)) en çok Love Vessel adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E10098
oklch(0.601 0.252 348.9)
Renk dönüşümleri
- HEX
- #e10098
- RGB
- rgb(225 0 152)
- HSL
- hsl(319 100% 44%)
- HWB
- hwb(319 0% 12%)
- OKLCH
- oklch(0.601 0.252 348.9)
- OKLab
- oklab(0.601 0.247 -0.049)
- CIE Lab
- lab(50.28 78.69 -17.25)
- LCH
- lch(50.28 80.56 347.6)
- CMYK
- cmyk(0% 100% 32% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E73BA2
- ED58AC
- F270B6
- F686C1
- FA9BCB
- FDB0D5
- FFC4E0
- FFD8EA
- FFEBF4
Koyu tonlar
- C40084
- A70070
- 8B005C
- 70004A
- 560038
- 3E0027
- 270017
- 120008
- 020001
Gri tonlar
- D92A96
- D13D93
- C84A91
- BF558F
- B65E8C
- AD668A
- A36E88
- 987485
- 8C7A83
Renk uyumları
Tamamlayıcı +180°
- E10098
Love Vessel
- 009774
≈ Cadaverous
Analog -30° +30°
- E10098
Love Vessel
- BC33DD
≈ Eupatorium Purple
- EE0043
≈ Enraged
Üçlü +120° +240°
- E10098
Love Vessel
- 878600
≈ Palak Paneer
- 008DB8
≈ Hawaiian Ocean
Bölünmüş tamamlayıcı +150° +210°
- E10098
Love Vessel
- 379900
≈ Planter
- 009397
≈ Lido Deck
Dörtlü +90° +180° +270°
- E10098
Love Vessel
- A87600
≈ Falafel
- 009774
≈ Cadaverous
- 1778FF
≈ Hadfield Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.51:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.65:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--love-vessel: #e10098;
--love-vessel-rgb: 225 0 152;
--love-vessel-oklch: oklch(0.601 0.252 348.9);
}
.element {
color: var(--love-vessel);
background-color: hsl(319 100% 44%);
border-color: oklch(0.601 0.252 348.9);
}Tailwind CSS v4
@theme {
--color-love-vessel: #e10098;
--color-love-vessel-50: #ffd8fe;
--color-love-vessel-100: #ffc5f2;
--color-love-vessel-200: #ffa5e2;
--color-love-vessel-300: #ff78c7;
--color-love-vessel-400: #ff49b6;
--color-love-vessel-500: #f000a0;
--color-love-vessel-600: #cb0087;
--color-love-vessel-700: #a3006c;
--color-love-vessel-800: #790053;
--color-love-vessel-900: #56013a;
--color-love-vessel-950: #390024;
}SCSS
$love-vessel: #e10098;
$love-vessel-rgb: 225, 0, 152;
$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);
}