Nächste benannte Farbe · #F58F86
#F58F86
Nächste benannte Farbe: Vinaceous
#F58F86 (rgb(245 143 134), hsl(5 85% 74%), oklch(0.756 0.125 25.8)) liegt am nächsten an der benannten Farbe Vinaceous. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#F58F86
oklch(0.756 0.125 25.8)
Farbumrechnungen
- HEX
- #f58f86
- RGB
- rgb(245 143 134)
- HSL
- hsl(5 85% 74%)
- HWB
- hwb(5 53% 4%)
- OKLCH
- oklch(0.756 0.125 25.8)
- OKLab
- oklab(0.756 0.113 0.054)
- CIE Lab
- lab(70.49 38.83 22.45)
- LCH
- lch(70.49 44.85 30)
- CMYK
- cmyk(0% 42% 45% 4%)
Tints · Shades · Tones
Tints
- F79B92
- F9A69E
- FBB1AA
- FDBDB6
- FEC8C2
- FFD3CE
- FFDEDA
- FFE9E6
- FFF4F3
Shades
- D57C74
- B66962
- 985751
- 7B4540
- 5F3430
- 442421
- 2B1513
- 150706
- 030101
Tones
- EA8E86
- DE8D85
- D28C85
- C78B84
- BB8984
- B08883
- A48682
- 988482
- 8C8281
Farbharmonien
Komplementär +180°
- F58F86
Vinaceous
- 1EC6D6
≈ The Crowd Roars!
Analog -30° +30°
- F58F86
Vinaceous
- EE8DB3
≈ Charm Pink
- EC9A5D
≈ Ridgeback
Triadisch +120° +240°
- F58F86
Vinaceous
- 79C57E
≈ Garden Stroll
- 8AADFF
≈ Kitten’s Eye
Geteilt komplementär +150° +210°
- F58F86
Vinaceous
- 3EC9AC
≈ Disc Jockey
- 54BCF4
≈ Megaman
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.29:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.15:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--vinaceous: #f58f86;
--vinaceous-rgb: 245 143 134;
--vinaceous-oklch: oklch(0.756 0.125 25.8);
}
.element {
color: var(--vinaceous);
background-color: hsl(5 85% 74%);
border-color: oklch(0.756 0.125 25.8);
}Tailwind CSS v4
@theme {
--color-vinaceous: #f58f86;
--color-vinaceous-50: #ffe8e2;
--color-vinaceous-100: #ffd9d1;
--color-vinaceous-200: #ffc0b7;
--color-vinaceous-300: #f19f94;
--color-vinaceous-400: #df8077;
--color-vinaceous-500: #cc6159;
--color-vinaceous-600: #ac524c;
--color-vinaceous-700: #8a423d;
--color-vinaceous-800: #672f2d;
--color-vinaceous-900: #48201e;
--color-vinaceous-950: #2f0f0e;
}SCSS
$vinaceous: #f58f86;
$vinaceous-rgb: 245, 143, 134;
$vinaceous-light: mix(#fff, $vinaceous, 20%);
$vinaceous-dark: mix(#000, $vinaceous, 20%);
.element {
color: $vinaceous;
box-shadow: 0 0 0 2px rgba($vinaceous, 0.35);
}