Color con nombre · #EE9999
Funki Porcini
Funki Porcini es #EE9999: rgb(238 153 153), hsl(0 71% 77%), oklch(0.768 0.102 19.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Funki Porcini color name →
#EE9999
oklch(0.768 0.102 19.7)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- F1A3A3
- F3AEAD
- F5B8B7
- F7C2C1
- F9CCCB
- FBD6D5
- FCE0E0
- FDEBEA
- FEF5F4
Sombras
- CF8484
- B17070
- 935D5D
- 774A4A
- 5C3838
- 422727
- 2A1717
- 140808
- 030101
Tonos
- E39797
- D89594
- CD9292
- C2908F
- B78D8D
- AC8B8A
- A18888
- 968685
- 8B8383
Armonías de color
Complementario +180°
- EE9999
Funki Porcini
- 56C7CD
≈ Sea Serpent
Análogo -30° +30°
- EE9999
Funki Porcini
- E599BD
≈ Shocking
- E9A078
≈ Mexican Standoff
Triádico +120° +240°
- EE9999
Funki Porcini
- 91C485
≈ Picnic
- 8DB5F5
≈ Fly Away
Complementario dividido +150° +210°
- EE9999
Funki Porcini
- 6AC9A9
≈ Minted Elegance
- 68C0E8
≈ Bff Blue
Tetrádico +90° +180° +270°
- EE9999
Funki Porcini
- B8BA6A
≈ Citrus Peel
- 56C7CD
≈ Sea Serpent
- B2A9F1
≈ Maximum Blue Purple
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.17:1 · APCA Lc 43
Ag
AAASobre negro
WCAG 9.65:1 · APCA Lc 60
Mejor color de texto: #000000
WCAG 9.65:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmentos de código
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);
}