Benannte Farbe · #F75C75
Ponceau
Ponceau ist #F75C75: rgb(247 92 117), hsl(350 91% 66%), oklch(0.684 0.189 14.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Ponceau color name →
#F75C75
oklch(0.684 0.189 14.1)
Farbumrechnungen
- HEX
- #f75c75
- RGB
- rgb(247 92 117)
- HSL
- hsl(350 91% 66%)
- HWB
- hwb(350 36% 3%)
- OKLCH
- oklch(0.684 0.189 14.1)
- OKLab
- oklab(0.684 0.184 0.046)
- CIE Lab
- lab(61.17 61.48 19.66)
- LCH
- lch(61.17 64.55 17.7)
- CMYK
- cmyk(0% 63% 53% 3%)
Tints · Shades · Tones
Tints
- FA6F82
- FD8190
- FF929D
- FFA2AB
- FFB2B8
- FFC2C6
- FFD1D4
- FFE0E2
- FFF0F1
Shades
- D74F65
- B74255
- 993646
- 7C2A37
- 601F29
- 45141C
- 2C0A0F
- 150305
- 030001
Tones
- EC6276
- E16878
- D66C79
- CB707A
- BF747B
- B3777C
- A77A7D
- 9B7C7E
- 8E7E7F
Farbharmonien
Komplementär +180°
- F75C75
Ponceau
- 00AFAE
≈ Laguna Green
Analog -30° +30°
- F75C75
Ponceau
- E660B6
≈ Pink Charge
- F4691A
≈ Island Orange
Triadisch +120° +240°
- F75C75
Ponceau
- 64B117
≈ Kermit Green
- 439BFF
≈ Sky Dancer
Geteilt komplementär +150° +210°
- F75C75
Ponceau
- 00B581
≈ April Fool’s Red
- 00A9D4
≈ Malibu Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.11:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.74:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.74:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--ponceau: #f75c75;
--ponceau-rgb: 247 92 117;
--ponceau-oklch: oklch(0.684 0.189 14.1);
}
.element {
color: var(--ponceau);
background-color: hsl(350 91% 66%);
border-color: oklch(0.684 0.189 14.1);
}Tailwind CSS v4
@theme {
--color-ponceau: #f75c75;
--color-ponceau-50: #ffe0e3;
--color-ponceau-100: #ffcfd2;
--color-ponceau-200: #ffb2b9;
--color-ponceau-300: #ff8c96;
--color-ponceau-400: #f9667c;
--color-ponceau-500: #e73a5f;
--color-ponceau-600: #c43351;
--color-ponceau-700: #9d2940;
--color-ponceau-800: #751c30;
--color-ponceau-900: #531221;
--color-ponceau-950: #370310;
}SCSS
$ponceau: #f75c75;
$ponceau-rgb: 247, 92, 117;
$ponceau-light: mix(#fff, $ponceau, 20%);
$ponceau-dark: mix(#000, $ponceau, 20%);
.element {
color: $ponceau;
box-shadow: 0 0 0 2px rgba($ponceau, 0.35);
}