Nazwany kolor · #FF88CC
Shimmering Love
Shimmering Love to #FF88CC: rgb(255 136 204), hsl(326 100% 77%), oklch(0.777 0.163 346.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Shimmering Love color name →
#FF88CC
oklch(0.777 0.163 346.2)
Konwersje koloru
- HEX
- #ff88cc
- RGB
- rgb(255 136 204)
- HSL
- hsl(326 100% 77%)
- HWB
- hwb(326 53% 0%)
- OKLCH
- oklch(0.777 0.163 346.2)
- OKLab
- oklab(0.777 0.158 -0.039)
- CIE Lab
- lab(71.93 51.9 -14.07)
- LCH
- lch(71.93 53.77 344.8)
- CMYK
- cmyk(0% 47% 20% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF95D1
- FFA1D6
- FFADDB
- FFB9E0
- FFC5E6
- FFD1EB
- FFDCF0
- FFE8F5
- FFF4FA
Odcienie ciemniejsze
- DE75B1
- BE6397
- 9E527E
- 804165
- 63314E
- 482237
- 2E1322
- 16060F
- 030102
Tony
- F288C4
- E688BC
- D988B5
- CD87AD
- C087A5
- B4869E
- A78496
- 9A838F
- 8D8287
Harmonie kolorów
Komplementarna +180°
- FF88CC
Shimmering Love
- 00D69F
≈ Wild Caribbean Green
Analogowa -30° +30°
- FF88CC
Shimmering Love
- DF93FC
≈ Bright Lilac
- FF9299
≈ Cherished One
Triada +120° +240°
- FF88CC
Shimmering Love
- C5BC11
≈ Oilseed Crops
- 00C9FF
≈ Vivid Sky Blue
Komplementarna rozszczepiona +150° +210°
- FF88CC
Shimmering Love
- 84CE5E
≈ Fairy Tale Green
- 00D0D2
≈ Jade Glass
Tetrada +90° +180° +270°
- FF88CC
Shimmering Love
- F1A600
≈ Orange Pospsicle
- 00D69F
≈ Wild Caribbean Green
- 85B9FF
≈ Carolina Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.17:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.64:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.64:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--shimmering-love: #ff88cc;
--shimmering-love-rgb: 255 136 204;
--shimmering-love-oklch: oklch(0.777 0.163 346.2);
}
.element {
color: var(--shimmering-love);
background-color: hsl(326 100% 77%);
border-color: oklch(0.777 0.163 346.2);
}Tailwind CSS v4
@theme {
--color-shimmering-love: #ff88cc;
--color-shimmering-love-50: #ffe3fd;
--color-shimmering-love-100: #ffd2f1;
--color-shimmering-love-200: #ffb8e0;
--color-shimmering-love-300: #f494c6;
--color-shimmering-love-400: #e173b2;
--color-shimmering-love-500: #ce509c;
--color-shimmering-love-600: #ae4484;
--color-shimmering-love-700: #8c376a;
--color-shimmering-love-800: #672750;
--color-shimmering-love-900: #491a38;
--color-shimmering-love-950: #2f0a22;
}SCSS
$shimmering-love: #ff88cc;
$shimmering-love-rgb: 255, 136, 204;
$shimmering-love-light: mix(#fff, $shimmering-love, 20%);
$shimmering-love-dark: mix(#000, $shimmering-love, 20%);
.element {
color: $shimmering-love;
box-shadow: 0 0 0 2px rgba($shimmering-love, 0.35);
}