Color con nombre · #FFA883
Peach Fizz
Peach Fizz es #FFA883: rgb(255 168 131), hsl(18 100% 76%), oklch(0.809 0.115 43.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Peach Fizz color name →
#FFA883
oklch(0.809 0.115 43.7)
Conversiones de color
- HEX
- #ffa883
- RGB
- rgb(255 168 131)
- HSL
- hsl(18 100% 76%)
- HWB
- hwb(18 51% 0%)
- OKLCH
- oklch(0.809 0.115 43.7)
- OKLab
- oklab(0.809 0.083 0.079)
- CIE Lab
- lab(77.1 30.11 32.97)
- LCH
- lch(77.1 44.65 47.6)
- CMYK
- cmyk(0% 34% 49% 0%)
Tintes · Sombras · Tonos
Tintes
- FFB190
- FFBA9C
- FFC3A9
- FFCBB5
- FFD4C1
- FFDDCE
- FFE5DA
- FFEEE6
- FFF6F3
Sombras
- DE9271
- BE7C60
- 9E674F
- 80523F
- 633F2F
- 482C20
- 2E1A12
- 160A06
- 030101
Tonos
- F2A483
- E5A183
- D99D83
- CC9983
- BF9583
- B39183
- A68D82
- 998982
- 8D8481
Armonías de color
Complementario +180°
- FFA883
Peach Fizz
- 61D1F7
≈ Heisenberg Blue
Análogo -30° +30°
- FFA883
Peach Fizz
- FFA3AB
≈ Strawberry Frappé
- EDB568
≈ Ba-Dum Ching!
Triádico +120° +240°
- FFA883
Peach Fizz
- 73D8AC
≈ Tadorna Teal
- B8B8FF
≈ Greyish Lavender
Complementario dividido +150° +210°
- FFA883
Peach Fizz
- 52D8D6
≈ Neon Nazar
- 94C4FF
≈ Pastel Blue
Tetrádico +90° +180° +270°
- FFA883
Peach Fizz
- A2D184
≈ Gossip
- 61D1F7
≈ Heisenberg Blue
- DBAAF5
≈ Petal Plush
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.87:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.18:1 · APCA Lc 67
Mejor color de texto: #000000
WCAG 11.18:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmentos de código
CSS
:root {
--peach-fizz: #ffa883;
--peach-fizz-rgb: 255 168 131;
--peach-fizz-oklch: oklch(0.809 0.115 43.7);
}
.element {
color: var(--peach-fizz);
background-color: hsl(18 100% 76%);
border-color: oklch(0.809 0.115 43.7);
}Tailwind CSS v4
@theme {
--color-peach-fizz: #ffa883;
--color-peach-fizz-50: #ffecda;
--color-peach-fizz-100: #ffddc8;
--color-peach-fizz-200: #ffc6ac;
--color-peach-fizz-300: #e9a586;
--color-peach-fizz-400: #d78765;
--color-peach-fizz-500: #c46a43;
--color-peach-fizz-600: #a55a39;
--color-peach-fizz-700: #85482d;
--color-peach-fizz-800: #633421;
--color-peach-fizz-900: #462316;
--color-peach-fizz-950: #2d1207;
}SCSS
$peach-fizz: #ffa883;
$peach-fizz-rgb: 255, 168, 131;
$peach-fizz-light: mix(#fff, $peach-fizz, 20%);
$peach-fizz-dark: mix(#000, $peach-fizz, 20%);
.element {
color: $peach-fizz;
box-shadow: 0 0 0 2px rgba($peach-fizz, 0.35);
}