Benannte Farbe · #F7468A
Lower Lip
Lower Lip ist #F7468A: rgb(247 70 138), hsl(337 92% 62%), oklch(0.667 0.218 1.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Lower Lip color name →
#F7468A
oklch(0.667 0.218 1.9)
Farbumrechnungen
- HEX
- #f7468a
- RGB
- rgb(247 70 138)
- HSL
- hsl(337 92% 62%)
- HWB
- hwb(337 27% 3%)
- OKLCH
- oklch(0.667 0.218 1.9)
- OKLab
- oklab(0.667 0.218 0.007)
- CIE Lab
- lab(58.63 70.58 3.88)
- LCH
- lch(58.63 70.68 3.2)
- CMYK
- cmyk(0% 72% 44% 3%)
Tints · Shades · Tones
Tints
- FB5E95
- FE73A0
- FF86AC
- FF99B7
- FFAAC3
- FFBCCF
- FFCDDB
- FFDEE7
- FFEEF3
Shades
- D73C77
- B73265
- 992853
- 7C1E42
- 601532
- 450D22
- 2C0514
- 150207
- 030001
Tones
- EC5189
- E15988
- D76187
- CB6786
- C06D85
- B47284
- A87683
- 9B7A82
- 8E7D81
Farbharmonien
Komplementär +180°
- F7468A
Lower Lip
- 00AC9A
≈ Pool Green
Analog -30° +30°
- F7468A
Lower Lip
- DC54CE
≈ Fuchsia Flash
- FD4C30
≈ Flame Angelfish
Triadisch +120° +240°
- F7468A
Lower Lip
- 84A200
≈ Noxious
- 009DEC
≈ Out of the Blue
Geteilt komplementär +150° +210°
- F7468A
Lower Lip
- 00B15A
≈ Future Hair
- 00A6BD
≈ Maui
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.38:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.19:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.19:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--lower-lip: #f7468a;
--lower-lip-rgb: 247 70 138;
--lower-lip-oklch: oklch(0.667 0.218 1.9);
}
.element {
color: var(--lower-lip);
background-color: hsl(337 92% 62%);
border-color: oklch(0.667 0.218 1.9);
}Tailwind CSS v4
@theme {
--color-lower-lip: #f7468a;
--color-lower-lip-50: #ffdcee;
--color-lower-lip-100: #ffc9e0;
--color-lower-lip-200: #ffabca;
--color-lower-lip-300: #ff82ab;
--color-lower-lip-400: #ff5995;
--color-lower-lip-500: #ee1c7b;
--color-lower-lip-600: #c91d68;
--color-lower-lip-700: #a21853;
--color-lower-lip-800: #780f3f;
--color-lower-lip-900: #550a2c;
--color-lower-lip-950: #390019;
}SCSS
$lower-lip: #f7468a;
$lower-lip-rgb: 247, 70, 138;
$lower-lip-light: mix(#fff, $lower-lip, 20%);
$lower-lip-dark: mix(#000, $lower-lip, 20%);
.element {
color: $lower-lip;
box-shadow: 0 0 0 2px rgba($lower-lip, 0.35);
}