Nächste benannte Farbe · #F57178
#F57178
Nächste benannte Farbe: Begonia
#F57178 (rgb(245 113 120), hsl(357 87% 70%), oklch(0.708 0.162 18.9)) liegt am nächsten an der benannten Farbe Begonia. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#F57178
oklch(0.708 0.162 18.9)
Farbumrechnungen
- HEX
- #f57178
- RGB
- rgb(245 113 120)
- HSL
- hsl(357 87% 70%)
- HWB
- hwb(357 44% 4%)
- OKLCH
- oklch(0.708 0.162 18.9)
- OKLab
- oklab(0.708 0.153 0.053)
- CIE Lab
- lab(64.4 52.09 22.17)
- LCH
- lch(64.4 56.61 23.1)
- CMYK
- cmyk(0% 54% 51% 4%)
Tints · Shades · Tones
Tints
- F88185
- FB8F92
- FD9E9F
- FFACAD
- FFBABA
- FFC8C8
- FFD6D5
- FFE4E3
- FFF1F1
Shades
- D56167
- B65257
- 984348
- 7B3539
- 5F272A
- 441A1D
- 2B0E10
- 150405
- 030101
Tones
- EA7479
- DF777A
- D4797B
- C87B7C
- BD7C7D
- B17D7D
- A67E7E
- 997F7F
- 8D807F
Farbharmonien
Komplementär +180°
- F57178
Begonia
- 00B7BD
≈ Cyan Sky
Analog -30° +30°
- F57178
Begonia
- E872B1
≈ Amaranth
- EF7D37
≈ Chaat Masala
Triadisch +120° +240°
- F57178
Begonia
- 67B84F
≈ Pure Apple
- 63A0FF
≈ Âbi Blue
Geteilt komplementär +150° +210°
- F57178
Begonia
- 00BC91
≈ Mountain Meadow
- 00B0E5
≈ Blue Atoll
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.79:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.51:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.51:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--begonia: #f57178;
--begonia-rgb: 245 113 120;
--begonia-oklch: oklch(0.708 0.162 18.9);
}
.element {
color: var(--begonia);
background-color: hsl(357 87% 70%);
border-color: oklch(0.708 0.162 18.9);
}Tailwind CSS v4
@theme {
--color-begonia: #f57178;
--color-begonia-50: #ffe4e1;
--color-begonia-100: #ffd3d1;
--color-begonia-200: #ffb8b6;
--color-begonia-300: #ff9493;
--color-begonia-400: #ef7278;
--color-begonia-500: #dd4d5a;
--color-begonia-600: #ba434d;
--color-begonia-700: #96353d;
--color-begonia-800: #70252e;
--color-begonia-900: #4f191f;
--color-begonia-950: #34080f;
}SCSS
$begonia: #f57178;
$begonia-rgb: 245, 113, 120;
$begonia-light: mix(#fff, $begonia, 20%);
$begonia-dark: mix(#000, $begonia, 20%);
.element {
color: $begonia;
box-shadow: 0 0 0 2px rgba($begonia, 0.35);
}