Couleur nommée la plus proche · #F08DEC
#F08DEC
Couleur nommée la plus proche: Frail Fuchsia
#F08DEC (rgb(240 141 236), hsl(302 77% 75%), oklch(0.779 0.168 328.5)) est la plus proche de la couleur nommée Frail Fuchsia. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F08DEC
oklch(0.779 0.168 328.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- F299EE
- F5A5F1
- F7B1F3
- F8BCF5
- FAC7F7
- FBD3F8
- FDDEFA
- FEE9FC
- FEF4FE
Ombres
- D17ACD
- B267AF
- 955592
- 784476
- 5D335B
- 432342
- 2A1429
- 140713
- 030103
Tons
- E58DE1
- DA8CD6
- CE8BCB
- C38AC0
- B889B5
- AD87AB
- A286A0
- 978495
- 8B828B
Harmonies de couleurs
Complémentaire +180°
- F08DEC
Frail Fuchsia
- 5ED478
≈ Spring Bouquet
Analogue -30° +30°
- F08DEC
Frail Fuchsia
- C2A4FF
≈ Diva
- FF8EB6
≈ Schauss Pink
Triadique +120° +240°
- F08DEC
Frail Fuchsia
- E1B000
≈ Mustard Yellow
- 00CEE4
≈ Picnic Day Sky
Complémentaire divisée +150° +210°
- F08DEC
Frail Fuchsia
- ADC52F
≈ Sour Lime
- 00D4B8
≈ Mint Leaf
Tétradique +90° +180° +270°
- F08DEC
Frail Fuchsia
- FF9C44
≈ Au Gratin
- 5ED478
≈ Spring Bouquet
- 5FC2FF
≈ Blue Mana
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.15:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.72:1 · APCA Lc 60
Meilleure couleur de texte: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
Extraits de code
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);
}