Nazwany kolor · #EE5577
Lick and Kiss
Lick and Kiss to #EE5577: rgb(238 85 119), hsl(347 82% 63%), oklch(0.662 0.189 10.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Lick and Kiss color name →
#EE5577
oklch(0.662 0.189 10.5)
Konwersje koloru
- HEX
- #ee5577
- RGB
- rgb(238 85 119)
- HSL
- hsl(347 82% 63%)
- HWB
- hwb(347 33% 7%)
- OKLCH
- oklch(0.662 0.189 10.5)
- OKLab
- oklab(0.662 0.185 0.034)
- CIE Lab
- lab(58.65 61.46 14.8)
- LCH
- lch(58.65 63.22 13.5)
- CMYK
- cmyk(0% 64% 50% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F26984
- F67B91
- F98D9E
- FC9EAB
- FEAEB9
- FFBFC7
- FFCFD5
- FFDFE3
- FFEFF1
Odcienie ciemniejsze
- CF4967
- B13D57
- 933147
- 772638
- 5C1C2A
- 42111C
- 2A0810
- 140205
- 030001
Tony
- E45C78
- DA6279
- D0687A
- C56D7B
- BB717C
- B0757D
- A5787E
- 997B7E
- 8D7E7F
Harmonie kolorów
Komplementarna +180°
- EE5577
Lick and Kiss
- 00A9A3
≈ Tropical Hideaway
Analogowa -30° +30°
- EE5577
Lick and Kiss
- DB5BB6
≈ Orion
- EE6023
≈ Durotar Fire
Triada +120° +240°
- EE5577
Lick and Kiss
- 6BA700
≈ Dark Slimelime
- 0F96FF
≈ Starfleet Blue
Komplementarna rozszczepiona +150° +210°
- EE5577
Lick and Kiss
- 00AE73
≈ Bright Camouflage
- 00A3C6
≈ Resonant Blue
Tetrada +90° +180° +270°
- EE5577
Lick and Kiss
- A69400
≈ Rapeseed Oil
- 00A9A3
≈ Tropical Hideaway
- 8180FF
≈ Blue Party Parrot
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.38:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.20:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.20:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--lick-and-kiss: #ee5577;
--lick-and-kiss-rgb: 238 85 119;
--lick-and-kiss-oklch: oklch(0.662 0.189 10.5);
}
.element {
color: var(--lick-and-kiss);
background-color: hsl(347 82% 63%);
border-color: oklch(0.662 0.189 10.5);
}Tailwind CSS v4
@theme {
--color-lick-and-kiss: #ee5577;
--color-lick-and-kiss-50: #ffe0e6;
--color-lick-and-kiss-100: #ffced6;
--color-lick-and-kiss-200: #ffb2be;
--color-lick-and-kiss-300: #ff8b9d;
--color-lick-and-kiss-400: #f86684;
--color-lick-and-kiss-500: #e63a68;
--color-lick-and-kiss-600: #c23458;
--color-lick-and-kiss-700: #9c2946;
--color-lick-and-kiss-800: #741c35;
--color-lick-and-kiss-900: #521324;
--color-lick-and-kiss-950: #370313;
}SCSS
$lick-and-kiss: #ee5577;
$lick-and-kiss-rgb: 238, 85, 119;
$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);
}