En yakın adlandırılmış renk · #F08DEC
#F08DEC
En yakın adlandırılmış renk: Frail Fuchsia
#F08DEC (rgb(240 141 236), hsl(302 77% 75%), oklch(0.779 0.168 328.5)) en çok Frail Fuchsia 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.
#F08DEC
oklch(0.779 0.168 328.5)
Renk dönüşümleri
- HEX
- #f08dec
- RGB
- rgb(240 141 236)
- HSL
- hsl(302 77% 75%)
- HWB
- hwb(302 55% 6%)
- OKLCH
- oklch(0.779 0.168 328.5)
- OKLab
- oklab(0.779 0.143 -0.088)
- CIE Lab
- lab(71.94 48.42 -31.85)
- LCH
- lch(71.94 57.96 326.7)
- CMYK
- cmyk(0% 41% 2% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F299EE
- F5A5F1
- F7B1F3
- F8BCF5
- FAC7F7
- FBD3F8
- FDDEFA
- FEE9FC
- FEF4FE
Koyu tonlar
- D17ACD
- B267AF
- 955592
- 784476
- 5D335B
- 432342
- 2A1429
- 140713
- 030103
Gri tonlar
- E58DE1
- DA8CD6
- CE8BCB
- C38AC0
- B889B5
- AD87AB
- A286A0
- 978495
- 8B828B
Renk uyumları
Tamamlayıcı +180°
- F08DEC
Frail Fuchsia
- 5ED478
≈ Spring Bouquet
Analog -30° +30°
- F08DEC
Frail Fuchsia
- C2A4FF
≈ Diva
- FF8EB6
≈ Schauss Pink
Üçlü +120° +240°
- F08DEC
Frail Fuchsia
- E1B000
≈ Mustard Yellow
- 00CEE4
≈ Picnic Day Sky
Bölünmüş tamamlayıcı +150° +210°
- F08DEC
Frail Fuchsia
- ADC52F
≈ Sour Lime
- 00D4B8
≈ Mint Leaf
Dörtlü +90° +180° +270°
- F08DEC
Frail Fuchsia
- FF9C44
≈ Au Gratin
- 5ED478
≈ Spring Bouquet
- 5FC2FF
≈ Blue Mana
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 {
--frail-fuchsia: #f08dec;
--frail-fuchsia-rgb: 240 141 236;
--frail-fuchsia-oklch: oklch(0.779 0.168 328.5);
}
.element {
color: var(--frail-fuchsia);
background-color: hsl(302 77% 75%);
border-color: oklch(0.779 0.168 328.5);
}Tailwind CSS v4
@theme {
--color-frail-fuchsia: #f08dec;
--color-frail-fuchsia-50: #ffe4ff;
--color-frail-fuchsia-100: #ffd4ff;
--color-frail-fuchsia-200: #febaf6;
--color-frail-fuchsia-300: #e897df;
--color-frail-fuchsia-400: #d377cf;
--color-frail-fuchsia-500: #bf55bc;
--color-frail-fuchsia-600: #a1499f;
--color-frail-fuchsia-700: #823a80;
--color-frail-fuchsia-800: #5f2a60;
--color-frail-fuchsia-900: #431c44;
--color-frail-fuchsia-950: #2b0c2c;
}SCSS
$frail-fuchsia: #f08dec;
$frail-fuchsia-rgb: 240, 141, 236;
$frail-fuchsia-light: mix(#fff, $frail-fuchsia, 20%);
$frail-fuchsia-dark: mix(#000, $frail-fuchsia, 20%);
.element {
color: $frail-fuchsia;
box-shadow: 0 0 0 2px rgba($frail-fuchsia, 0.35);
}