Nazwany kolor · #EE0099
Love Vessel
Love Vessel to #EE0099: rgb(238 0 153), hsl(321 100% 47%), oklch(0.624 0.259 351.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Love Vessel color name →
#EE0099
oklch(0.624 0.259 351.4)
Konwersje koloru
- HEX
- #ee0099
- RGB
- rgb(238 0 153)
- HSL
- hsl(321 100% 47%)
- HWB
- hwb(321 0% 7%)
- OKLCH
- oklch(0.624 0.259 351.4)
- OKLab
- oklab(0.624 0.256 -0.039)
- CIE Lab
- lab(52.9 81.55 -13.61)
- LCH
- lch(52.9 82.68 350.5)
- CMYK
- cmyk(0% 100% 36% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F33DA3
- F85BAD
- FC73B7
- FF89C1
- FF9ECB
- FFB2D5
- FFC5E0
- FFD9EA
- FFECF5
Odcienie ciemniejsze
- CF0084
- B10070
- 93005D
- 77004A
- 5C0038
- 420027
- 2A0017
- 140008
- 030001
Tony
- E52C97
- DB3F94
- D14C92
- C7578F
- BD608D
- B2688A
- A76F88
- 9B7585
- 8E7B83
Harmonie kolorów
Komplementarna +180°
- EE0099
Love Vessel
- 009E7E
≈ Tropical Kelp
Analogowa -30° +30°
- EE0099
Love Vessel
- C935E2
≈ Eupatorium Purple
- FB003C
≈ Méi Gūi Hóng Red
Triada +120° +240°
- EE0099
Love Vessel
- 8B8E00
≈ Old Asparagus
- 0094C5
≈ Germander Speedwell
Komplementarna rozszczepiona +150° +210°
- EE0099
Love Vessel
- 1FA300
≈ Peter Pan
- 009AA2
≈ Island Dream
Tetrada +90° +180° +270°
- EE0099
Love Vessel
- AE7E00
≈ Murder Mustard
- 009E7E
≈ Tropical Kelp
- 3B7FFF
≈ Ceruleite
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.12:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.09:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.09:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--love-vessel: #ee0099;
--love-vessel-rgb: 238 0 153;
--love-vessel-oklch: oklch(0.624 0.259 351.4);
}
.element {
color: var(--love-vessel);
background-color: hsl(321 100% 47%);
border-color: oklch(0.624 0.259 351.4);
}Tailwind CSS v4
@theme {
--color-love-vessel: #ee0099;
--color-love-vessel-50: #ffd7fb;
--color-love-vessel-100: #ffc3ef;
--color-love-vessel-200: #ffa2dd;
--color-love-vessel-300: #ff75c2;
--color-love-vessel-400: #ff43b0;
--color-love-vessel-500: #f50099;
--color-love-vessel-600: #cf0082;
--color-love-vessel-700: #a60068;
--color-love-vessel-800: #7c0050;
--color-love-vessel-900: #570037;
--color-love-vessel-950: #3a0022;
}SCSS
$love-vessel: #ee0099;
$love-vessel-rgb: 238, 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);
}