Najbliższy nazwany kolor · #FF9193
#FF9193
Najbliższy nazwany kolor: Fruity Licious
#FF9193 (rgb(255 145 147), hsl(359 100% 78%), oklch(0.774 0.133 19.4)) jest najbliższy nazwanemu kolorowi Fruity Licious. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FF9193
oklch(0.774 0.133 19.4)
Konwersje koloru
- HEX
- #ff9193
- RGB
- rgb(255 145 147)
- HSL
- hsl(359 100% 78%)
- HWB
- hwb(359 57% 0%)
- OKLCH
- oklch(0.774 0.133 19.4)
- OKLab
- oklab(0.774 0.125 0.044)
- CIE Lab
- lab(72.44 42.52 18.19)
- LCH
- lch(72.44 46.24 23.2)
- CMYK
- cmyk(0% 43% 42% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF9D9E
- FFA8A8
- FFB3B3
- FFBEBD
- FFC9C8
- FFD4D3
- FFDFDE
- FFE9E9
- FFF4F4
Odcienie ciemniejsze
- DE7D7F
- BE6A6C
- 9E5859
- 804647
- 633536
- 482525
- 2E1516
- 160708
- 030101
Tony
- F29091
- E68F8F
- D98D8E
- CD8C8C
- C08A8A
- B48888
- A78786
- 9A8584
- 8D8282
Harmonie kolorów
Komplementarna +180°
- FF9193
Fruity Licious
- 00CED6
≈ Jade Glass
Analogowa -30° +30°
- FF9193
Fruity Licious
- F491C2
≈ Pearly Pink
- F99B65
≈ Indian Paintbrush
Triada +120° +240°
- FF9193
Fruity Licious
- 87CA76
≈ Emerald Rain
- 89B7FF
≈ Carolina Blue
Komplementarna rozszczepiona +150° +210°
- FF9193
Fruity Licious
- 46D1A8
≈ Mint Jelly
- 43C5F9
≈ Shovel Knight
Tetrada +90° +180° +270°
- FF9193
Fruity Licious
- BCBC4E
≈ Sinsemilla
- 00CED6
≈ Jade Glass
- B4A8FF
≈ Shy Moment
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.15:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.72:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--fruity-licious: #ff9193;
--fruity-licious-rgb: 255 145 147;
--fruity-licious-oklch: oklch(0.774 0.133 19.4);
}
.element {
color: var(--fruity-licious);
background-color: hsl(359 100% 78%);
border-color: oklch(0.774 0.133 19.4);
}Tailwind CSS v4
@theme {
--color-fruity-licious: #ff9193;
--color-fruity-licious-50: #ffe7e4;
--color-fruity-licious-100: #ffd7d4;
--color-fruity-licious-200: #ffbebb;
--color-fruity-licious-300: #f49c99;
--color-fruity-licious-400: #e27c7e;
--color-fruity-licious-500: #cf5c62;
--color-fruity-licious-600: #af4f53;
--color-fruity-licious-700: #8d3f42;
--color-fruity-licious-800: #692c31;
--color-fruity-licious-900: #4a1e21;
--color-fruity-licious-950: #300d11;
}SCSS
$fruity-licious: #ff9193;
$fruity-licious-rgb: 255, 145, 147;
$fruity-licious-light: mix(#fff, $fruity-licious, 20%);
$fruity-licious-dark: mix(#000, $fruity-licious, 20%);
.element {
color: $fruity-licious;
box-shadow: 0 0 0 2px rgba($fruity-licious, 0.35);
}