Couleur nommée · #EE9999
Funki Porcini
Funki Porcini correspond à #EE9999 : rgb(238 153 153), hsl(0 71% 77%), oklch(0.768 0.102 19.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Funki Porcini color name →
#EE9999
oklch(0.768 0.102 19.7)
Conversions de couleur
- HEX
- #ee9999
- RGB
- rgb(238 153 153)
- HSL
- hsl(0 71% 77%)
- HWB
- hwb(0 60% 7%)
- OKLCH
- oklch(0.768 0.102 19.7)
- OKLab
- oklab(0.768 0.096 0.035)
- CIE Lab
- lab(72.09 32.72 14)
- LCH
- lch(72.09 35.59 23.2)
- CMYK
- cmyk(0% 36% 36% 7%)
Teintes · Ombres · Tons
Teintes
- F1A3A3
- F3AEAD
- F5B8B7
- F7C2C1
- F9CCCB
- FBD6D5
- FCE0E0
- FDEBEA
- FEF5F4
Ombres
- CF8484
- B17070
- 935D5D
- 774A4A
- 5C3838
- 422727
- 2A1717
- 140808
- 030101
Tons
- E39797
- D89594
- CD9292
- C2908F
- B78D8D
- AC8B8A
- A18888
- 968685
- 8B8383
Harmonies de couleurs
Complémentaire +180°
- EE9999
Funki Porcini
- 56C7CD
≈ Sea Serpent
Analogue -30° +30°
- EE9999
Funki Porcini
- E599BD
≈ Shocking
- E9A078
≈ Mexican Standoff
Triadique +120° +240°
- EE9999
Funki Porcini
- 91C485
≈ Picnic
- 8DB5F5
≈ Fly Away
Complémentaire divisée +150° +210°
- EE9999
Funki Porcini
- 6AC9A9
≈ Minted Elegance
- 68C0E8
≈ Bff Blue
Tétradique +90° +180° +270°
- EE9999
Funki Porcini
- B8BA6A
≈ Citrus Peel
- 56C7CD
≈ Sea Serpent
- B2A9F1
≈ Maximum Blue Purple
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.17:1 · APCA Lc 43
Ag
AAASur noir
WCAG 9.65:1 · APCA Lc 60
Meilleure couleur de texte: #000000
WCAG 9.65:1 (AAA) · APCA Lc 60
Contrast pairs
Extraits de code
CSS
:root {
--funki-porcini: #ee9999;
--funki-porcini-rgb: 238 153 153;
--funki-porcini-oklch: oklch(0.768 0.102 19.7);
}
.element {
color: var(--funki-porcini);
background-color: hsl(0 71% 77%);
border-color: oklch(0.768 0.102 19.7);
}Tailwind CSS v4
@theme {
--color-funki-porcini: #ee9999;
--color-funki-porcini-50: #ffeae8;
--color-funki-porcini-100: #ffdbd9;
--color-funki-porcini-200: #fdc4c1;
--color-funki-porcini-300: #e7a3a0;
--color-funki-porcini-400: #d48586;
--color-funki-porcini-500: #c1686a;
--color-funki-porcini-600: #a3595a;
--color-funki-porcini-700: #834748;
--color-funki-porcini-800: #613335;
--color-funki-porcini-900: #442324;
--color-funki-porcini-950: #2c1113;
}SCSS
$funki-porcini: #ee9999;
$funki-porcini-rgb: 238, 153, 153;
$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);
}