Named color · #D47194
Fiesta Pink
Fiesta Pink is #D47194: rgb(212 113 148), hsl(339 54% 64%), oklch(0.671 0.13 358.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Fiesta Pink color name →
#D47194
oklch(0.671 0.13 358.7)
Color conversions
- HEX
- #d47194
- RGB
- rgb(212 113 148)
- HSL
- hsl(339 54% 64%)
- HWB
- hwb(339 44% 17%)
- OKLCH
- oklch(0.671 0.13 358.7)
- OKLab
- oklab(0.671 0.129 -0.003)
- CIE Lab
- lab(60.14 42.53 -0.62)
- LCH
- lch(60.14 42.53 359.2)
- CMYK
- cmyk(0% 47% 30% 17%)
Tints · Shades · Tones
Tints
- DA7F9E
- DF8EA9
- E49CB3
- E9AABE
- EDB8C8
- F2C6D3
- F5D4DE
- F9E2E9
- FCF1F4
Shades
- B86180
- 9D526D
- 83435A
- 693548
- 512736
- 3A1A26
- 240E16
- 100408
- 020101
Tones
- CC7392
- C47590
- BC778E
- B4798C
- AC7B8A
- A47C88
- 9B7D86
- 927E84
- 897F82
Color harmonies
Complementary +180°
- D47194
Fiesta Pink
- 00AD96
≈ Hobgoblin
Analogous -30° +30°
- D47194
Fiesta Pink
- C077BD
≈ Gulābī Pink
- D97467
≈ Mettwurst
Triadic +120° +240°
- D47194
Fiesta Pink
- 8EA039
≈ Biology Experiments
- 369FDC
≈ Dayflower
Split-complementary +150° +210°
- D47194
Fiesta Pink
- 56AB67
≈ Algae
- 00A8BB
≈ Bluebird
Tetradic +90° +180° +270°
- D47194
Fiesta Pink
- B6901C
≈ Loden Yellow
- 00AD96
≈ Hobgoblin
- 7491E5
≈ Guilliman Blue
Contrast & accessibility
Ag
FailOn white
WCAG 3.18:1 · APCA Lc 59
Ag
AAOn black
WCAG 6.58:1 · APCA Lc 43
Best text color: #000000
WCAG 6.58:1 (AA) · APCA Lc 43
Contrast pairs
Code snippets
CSS
:root {
--fiesta-pink: #d47194;
--fiesta-pink-rgb: 212 113 148;
--fiesta-pink-oklch: oklch(0.671 0.13 358.7);
}
.element {
color: var(--fiesta-pink);
background-color: hsl(339 54% 64%);
border-color: oklch(0.671 0.13 358.7);
}Tailwind CSS v4
@theme {
--color-fiesta-pink: #d47194;
--color-fiesta-pink-50: #ffe6f3;
--color-fiesta-pink-100: #ffd7e5;
--color-fiesta-pink-200: #ffbed1;
--color-fiesta-pink-300: #ef9bb4;
--color-fiesta-pink-400: #db7c9d;
--color-fiesta-pink-500: #c85d85;
--color-fiesta-pink-600: #a94f70;
--color-fiesta-pink-700: #883f5a;
--color-fiesta-pink-800: #642d43;
--color-fiesta-pink-900: #471e2e;
--color-fiesta-pink-950: #2e0e1b;
}SCSS
$fiesta-pink: #d47194;
$fiesta-pink-rgb: 212, 113, 148;
$fiesta-pink-light: mix(#fff, $fiesta-pink, 20%);
$fiesta-pink-dark: mix(#000, $fiesta-pink, 20%);
.element {
color: $fiesta-pink;
box-shadow: 0 0 0 2px rgba($fiesta-pink, 0.35);
}