En yakın adlandırılmış renk · #FF9193
#FF9193
En yakın adlandırılmış renk: Fruity Licious
#FF9193 (rgb(255 145 147), hsl(359 100% 78%), oklch(0.774 0.133 19.4)) en çok Fruity Licious 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.
#FF9193
oklch(0.774 0.133 19.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF9D9E
- FFA8A8
- FFB3B3
- FFBEBD
- FFC9C8
- FFD4D3
- FFDFDE
- FFE9E9
- FFF4F4
Koyu tonlar
- DE7D7F
- BE6A6C
- 9E5859
- 804647
- 633536
- 482525
- 2E1516
- 160708
- 030101
Gri tonlar
- F29091
- E68F8F
- D98D8E
- CD8C8C
- C08A8A
- B48888
- A78786
- 9A8584
- 8D8282
Renk uyumları
Tamamlayıcı +180°
- FF9193
Fruity Licious
- 00CED6
≈ Jade Glass
Analog -30° +30°
- FF9193
Fruity Licious
- F491C2
≈ Pearly Pink
- F99B65
≈ Indian Paintbrush
Üçlü +120° +240°
- FF9193
Fruity Licious
- 87CA76
≈ Emerald Rain
- 89B7FF
≈ Carolina Blue
Bölünmüş tamamlayıcı +150° +210°
- FF9193
Fruity Licious
- 46D1A8
≈ Mint Jelly
- 43C5F9
≈ Shovel Knight
Dörtlü +90° +180° +270°
- FF9193
Fruity Licious
- BCBC4E
≈ Sinsemilla
- 00CED6
≈ Jade Glass
- B4A8FF
≈ Shy Moment
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.15:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.72:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
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);
}