Color con nombre más cercano · #F39A88
#F39A88
Color con nombre más cercano: Parma Ham
#F39A88 (rgb(243 154 136), hsl(10 82% 74%), oklch(0.772 0.111 32.1)) se parece más al color con nombre Parma Ham. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#F39A88
oklch(0.772 0.111 32.1)
Conversiones de color
- HEX
- #f39a88
- RGB
- rgb(243 154 136)
- HSL
- hsl(10 82% 74%)
- HWB
- hwb(10 53% 5%)
- OKLCH
- oklch(0.772 0.111 32.1)
- OKLab
- oklab(0.772 0.094 0.059)
- CIE Lab
- lab(72.63 32.77 24.15)
- LCH
- lch(72.63 40.71 36.4)
- CMYK
- cmyk(0% 37% 44% 5%)
Tintes · Sombras · Tonos
Tintes
- F5A494
- F7AF9F
- F9B9AB
- FBC3B7
- FCCDC3
- FDD7CF
- FEE1DB
- FFEBE7
- FFF5F3
Sombras
- D38575
- B47163
- 975E52
- 7A4B41
- 5E3931
- 442722
- 2B1713
- 140906
- 030101
Tonos
- E89887
- DC9587
- D19386
- C59186
- BA8E85
- AE8B84
- A38983
- 978682
- 8C8381
Armonías de color
Complementario +180°
- F39A88
Parma Ham
- 4EC7DE
≈ Naxos Sky
Análogo -30° +30°
- F39A88
Parma Ham
- F096AF
≈ Illusion
- E8A568
≈ Adventure Orange
Triádico +120° +240°
- F39A88
Parma Ham
- 7CC992
≈ Garden Glow
- 9CB0FC
≈ Wondrous Wisteria
Complementario dividido +150° +210°
- F39A88
Parma Ham
- 53CCBA
≈ Peppy Peacock
- 71BDF6
≈ Broken Blue
Tetrádico +90° +180° +270°
- F39A88
Parma Ham
- A9C06E
≈ Light Olive
- 4EC7DE
≈ Naxos Sky
- C2A4F0
≈ Lavender Cream
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.14:1 · APCA Lc 42
Ag
AAASobre negro
WCAG 9.78:1 · APCA Lc 60
Mejor color de texto: #000000
WCAG 9.78:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmentos de código
CSS
:root {
--parma-ham: #f39a88;
--parma-ham-rgb: 243 154 136;
--parma-ham-oklch: oklch(0.772 0.111 32.1);
}
.element {
color: var(--parma-ham);
background-color: hsl(10 82% 74%);
border-color: oklch(0.772 0.111 32.1);
}Tailwind CSS v4
@theme {
--color-parma-ham: #f39a88;
--color-parma-ham-50: #ffebe1;
--color-parma-ham-100: #ffdbd0;
--color-parma-ham-200: #ffc4b5;
--color-parma-ham-300: #eaa392;
--color-parma-ham-400: #d88575;
--color-parma-ham-500: #c46856;
--color-parma-ham-600: #a65849;
--color-parma-ham-700: #85463a;
--color-parma-ham-800: #63322b;
--color-parma-ham-900: #46221d;
--color-parma-ham-950: #2d110d;
}SCSS
$parma-ham: #f39a88;
$parma-ham-rgb: 243, 154, 136;
$parma-ham-light: mix(#fff, $parma-ham, 20%);
$parma-ham-dark: mix(#000, $parma-ham, 20%);
.element {
color: $parma-ham;
box-shadow: 0 0 0 2px rgba($parma-ham, 0.35);
}