En yakın adlandırılmış renk · #FC9295
#FC9295
En yakın adlandırılmış renk: Fruity Licious
#FC9295 (rgb(252 146 149), hsl(358 95% 78%), oklch(0.773 0.128 18.7)) 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.
#FC9295
oklch(0.773 0.128 18.7)
Renk dönüşümleri
- HEX
- #fc9295
- RGB
- rgb(252 146 149)
- HSL
- hsl(358 95% 78%)
- HWB
- hwb(358 57% 1%)
- OKLCH
- oklch(0.773 0.128 18.7)
- OKLab
- oklab(0.773 0.121 0.041)
- CIE Lab
- lab(72.29 41.08 16.81)
- LCH
- lch(72.29 44.38 22.3)
- CMYK
- cmyk(0% 42% 41% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FE9D9F
- FFA9AA
- FFB4B4
- FFBEBF
- FFC9C9
- FFD4D4
- FFDFDE
- FFEAE9
- FFF4F4
Koyu tonlar
- DB7E81
- BB6B6D
- 9C585A
- 7E4648
- 623537
- 472526
- 2D1616
- 160808
- 030101
Gri tonlar
- F09193
- E48F91
- D78E8F
- CB8C8D
- BF8B8B
- B28989
- A68787
- 9A8584
- 8D8282
Renk uyumları
Tamamlayıcı +180°
- FC9295
Fruity Licious
- 1BCDD3
≈ Jade Glass
Analog -30° +30°
- FC9295
Fruity Licious
- F192C2
≈ Pearly Pink
- F79B69
≈ Burning Coals
Üçlü +120° +240°
- FC9295
Fruity Licious
- 8AC977
≈ Fresh Cut Grass
- 87B6FF
≈ Carolina Blue
Bölünmüş tamamlayıcı +150° +210°
- FC9295
Fruity Licious
- 4FCFA6
≈ Mint Jelly
- 48C4F6
≈ Shovel Knight
Dörtlü +90° +180° +270°
- FC9295
Fruity Licious
- BCBB52
≈ Parachute
- 1BCDD3
≈ Jade Glass
- B2A8FF
≈ Shy Moment
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.16:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.68:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.68:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--fruity-licious: #fc9295;
--fruity-licious-rgb: 252 146 149;
--fruity-licious-oklch: oklch(0.773 0.128 18.7);
}
.element {
color: var(--fruity-licious);
background-color: hsl(358 95% 78%);
border-color: oklch(0.773 0.128 18.7);
}Tailwind CSS v4
@theme {
--color-fruity-licious: #fc9295;
--color-fruity-licious-50: #ffe7e6;
--color-fruity-licious-100: #ffd8d6;
--color-fruity-licious-200: #ffbfbd;
--color-fruity-licious-300: #f29d9b;
--color-fruity-licious-400: #e07e81;
--color-fruity-licious-500: #cd5e64;
--color-fruity-licious-600: #ad5055;
--color-fruity-licious-700: #8b4044;
--color-fruity-licious-800: #672e32;
--color-fruity-licious-900: #491f22;
--color-fruity-licious-950: #2f0e11;
}SCSS
$fruity-licious: #fc9295;
$fruity-licious-rgb: 252, 146, 149;
$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);
}