Benannte Farbe · #F58F84
Ibis Wing
Ibis Wing ist #F58F84: rgb(245 143 132), hsl(6 85% 74%), oklch(0.755 0.126 27). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Ibis Wing color name →
#F58F84
oklch(0.755 0.126 27)
Farbumrechnungen
- HEX
- #f58f84
- RGB
- rgb(245 143 132)
- HSL
- hsl(6 85% 74%)
- HWB
- hwb(6 52% 4%)
- OKLCH
- oklch(0.755 0.126 27)
- OKLab
- oklab(0.755 0.112 0.057)
- CIE Lab
- lab(70.46 38.69 23.51)
- LCH
- lch(70.46 45.27 31.3)
- CMYK
- cmyk(0% 42% 46% 4%)
Tints · Shades · Tones
Tints
- F79B90
- F9A69C
- FBB1A8
- FDBDB4
- FEC8C1
- FFD3CD
- FFDED9
- FFE9E6
- FFF4F2
Shades
- D57C72
- B66960
- 98574F
- 7B453F
- 5F342F
- 442420
- 2B1512
- 150706
- 030101
Tones
- EA8E84
- DE8D84
- D28C83
- C78B83
- BB8983
- B08882
- A48682
- 988481
- 8C8281
Farbharmonien
Komplementär +180°
- F58F84
Ibis Wing
- 1DC5D8
≈ The Crowd Roars!
Analog -30° +30°
- F58F84
Ibis Wing
- EF8DB1
≈ Astilbe
- EB9A5B
≈ Ridgeback
Triadisch +120° +240°
- F58F84
Ibis Wing
- 77C580
≈ Garden Stroll
- 8CADFF
≈ Kitten’s Eye
Geteilt komplementär +150° +210°
- F58F84
Ibis Wing
- 3AC9AE
≈ Disc Jockey
- 56BBF5
≈ Hello Summer
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.29:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.14:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.14:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--ibis-wing: #f58f84;
--ibis-wing-rgb: 245 143 132;
--ibis-wing-oklch: oklch(0.755 0.126 27);
}
.element {
color: var(--ibis-wing);
background-color: hsl(6 85% 74%);
border-color: oklch(0.755 0.126 27);
}Tailwind CSS v4
@theme {
--color-ibis-wing: #f58f84;
--color-ibis-wing-50: #ffe9e1;
--color-ibis-wing-100: #ffd9d0;
--color-ibis-wing-200: #ffc1b6;
--color-ibis-wing-300: #f19f92;
--color-ibis-wing-400: #df8076;
--color-ibis-wing-500: #cc6157;
--color-ibis-wing-600: #ac534a;
--color-ibis-wing-700: #8a423b;
--color-ibis-wing-800: #672f2c;
--color-ibis-wing-900: #48201d;
--color-ibis-wing-950: #2f0f0d;
}SCSS
$ibis-wing: #f58f84;
$ibis-wing-rgb: 245, 143, 132;
$ibis-wing-light: mix(#fff, $ibis-wing, 20%);
$ibis-wing-dark: mix(#000, $ibis-wing, 20%);
.element {
color: $ibis-wing;
box-shadow: 0 0 0 2px rgba($ibis-wing, 0.35);
}