En yakın adlandırılmış renk · #F19A9A
#F19A9A
En yakın adlandırılmış renk: Funki Porcini
#F19A9A (rgb(241 154 154), hsl(0 76% 77%), oklch(0.774 0.105 19.7)) en çok Funki Porcini 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.
#F19A9A
oklch(0.774 0.105 19.7)
Renk dönüşümleri
- HEX
- #f19a9a
- RGB
- rgb(241 154 154)
- HSL
- hsl(0 76% 77%)
- HWB
- hwb(0 60% 5%)
- OKLCH
- oklch(0.774 0.105 19.7)
- OKLab
- oklab(0.774 0.099 0.035)
- CIE Lab
- lab(72.69 33.44 14.35)
- LCH
- lch(72.69 36.39 23.2)
- CMYK
- cmyk(0% 36% 36% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F3A4A4
- F6AEAE
- F8B9B8
- F9C3C2
- FBCDCC
- FCD7D6
- FDE1E0
- FEEBEA
- FFF5F5
Koyu tonlar
- D28585
- B37171
- 955E5E
- 794B4B
- 5D3939
- 432727
- 2B1717
- 140909
- 030101
Gri tonlar
- E69897
- DB9595
- CF9392
- C49090
- B98E8D
- AE8B8B
- A28988
- 978685
- 8C8383
Renk uyumları
Tamamlayıcı +180°
- F19A9A
Funki Porcini
- 54CACF
≈ Sea Serpent
Analog -30° +30°
- F19A9A
Funki Porcini
- E89ABF
≈ Shocking
- ECA178
≈ Mexican Standoff
Üçlü +120° +240°
- F19A9A
Funki Porcini
- 92C686
≈ Picnic
- 8EB7F8
≈ Carolina Blue
Bölünmüş tamamlayıcı +150° +210°
- F19A9A
Funki Porcini
- 69CBAB
≈ Aquarium Blue
- 67C2EB
≈ Bff Blue
Dörtlü +90° +180° +270°
- F19A9A
Funki Porcini
- BABB6A
≈ Citrus Peel
- 54CACF
≈ Sea Serpent
- B4AAF4
≈ Winterspring Lilac
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.13:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.82:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.82:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--funki-porcini: #f19a9a;
--funki-porcini-rgb: 241 154 154;
--funki-porcini-oklch: oklch(0.774 0.105 19.7);
}
.element {
color: var(--funki-porcini);
background-color: hsl(0 76% 77%);
border-color: oklch(0.774 0.105 19.7);
}Tailwind CSS v4
@theme {
--color-funki-porcini: #f19a9a;
--color-funki-porcini-50: #ffeae8;
--color-funki-porcini-100: #ffdbd8;
--color-funki-porcini-200: #fec3c0;
--color-funki-porcini-300: #e8a2a0;
--color-funki-porcini-400: #d58585;
--color-funki-porcini-500: #c26869;
--color-funki-porcini-600: #a45859;
--color-funki-porcini-700: #834647;
--color-funki-porcini-800: #623235;
--color-funki-porcini-900: #442224;
--color-funki-porcini-950: #2c1113;
}SCSS
$funki-porcini: #f19a9a;
$funki-porcini-rgb: 241, 154, 154;
$funki-porcini-light: mix(#fff, $funki-porcini, 20%);
$funki-porcini-dark: mix(#000, $funki-porcini, 20%);
.element {
color: $funki-porcini;
box-shadow: 0 0 0 2px rgba($funki-porcini, 0.35);
}