Benannte Farbe · #F57F4F
Rich Gardenia
Rich Gardenia ist #F57F4F: rgb(245 127 79), hsl(17 89% 64%), oklch(0.721 0.158 42). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Rich Gardenia color name →
#F57F4F
oklch(0.721 0.158 42)
Farbumrechnungen
- HEX
- #f57f4f
- RGB
- rgb(245 127 79)
- HSL
- hsl(17 89% 64%)
- HWB
- hwb(17 31% 4%)
- OKLCH
- oklch(0.721 0.158 42)
- OKLab
- oklab(0.721 0.117 0.106)
- CIE Lab
- lab(66.52 43.59 47.02)
- LCH
- lch(66.52 64.12 47.2)
- CMYK
- cmyk(0% 48% 68% 4%)
Tints · Shades · Tones
Tints
- F88D62
- FA9A75
- FCA786
- FEB498
- FFC1A9
- FFCDBA
- FFDACB
- FFE6DC
- FFF3EE
Shades
- D56E44
- B65D38
- 984C2E
- 7B3C23
- 5F2D19
- 441F10
- 2B1107
- 150602
- 030100
Tones
- EA8056
- DE815C
- D38262
- C88267
- BC826C
- B18271
- A58275
- 998279
- 8D817C
Farbharmonien
Komplementär +180°
- F57F4F
Rich Gardenia
- 00B7E0
≈ Blue Atoll
Analog -30° +30°
- F57F4F
Rich Gardenia
- F7768B
≈ Flower Blossom Pink
- DF9200
≈ Beige Red
Triadisch +120° +240°
- F57F4F
Rich Gardenia
- 03C386
≈ Píng Gǔo Lǜ Green
- 9797FF
≈ Cobalite
Geteilt komplementär +150° +210°
- F57F4F
Rich Gardenia
- 00BDB9
≈ Jade Gravel
- 58A9FF
≈ Joust Blue
Tetradisch +90° +180° +270°
- F57F4F
Rich Gardenia
- 7FB947
≈ Ultra Green
- 00B7E0
≈ Blue Atoll
- C685EC
≈ Azuremyst Isle
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.61:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 8.03:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 8.03:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--rich-gardenia: #f57f4f;
--rich-gardenia-rgb: 245 127 79;
--rich-gardenia-oklch: oklch(0.721 0.158 42);
}
.element {
color: var(--rich-gardenia);
background-color: hsl(17 89% 64%);
border-color: oklch(0.721 0.158 42);
}Tailwind CSS v4
@theme {
--color-rich-gardenia: #f57f4f;
--color-rich-gardenia-50: #ffe8d1;
--color-rich-gardenia-100: #ffd8bd;
--color-rich-gardenia-200: #ffbf9d;
--color-rich-gardenia-300: #fa9c73;
--color-rich-gardenia-400: #ea7b4e;
--color-rich-gardenia-500: #d8591d;
--color-rich-gardenia-600: #b64c1c;
--color-rich-gardenia-700: #933d16;
--color-rich-gardenia-800: #6e2b11;
--color-rich-gardenia-900: #4d1d0a;
--color-rich-gardenia-950: #330c01;
}SCSS
$rich-gardenia: #f57f4f;
$rich-gardenia-rgb: 245, 127, 79;
$rich-gardenia-light: mix(#fff, $rich-gardenia, 20%);
$rich-gardenia-dark: mix(#000, $rich-gardenia, 20%);
.element {
color: $rich-gardenia;
box-shadow: 0 0 0 2px rgba($rich-gardenia, 0.35);
}