Nächste benannte Farbe · #F46E92
#F46E92
Nächste benannte Farbe: Embarrassed
#F46E92 (rgb(244 110 146), hsl(344 86% 69%), oklch(0.709 0.167 5.5)) liegt am nächsten an der benannten Farbe Embarrassed. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#F46E92
oklch(0.709 0.167 5.5)
Farbumrechnungen
- HEX
- #f46e92
- RGB
- rgb(244 110 146)
- HSL
- hsl(344 86% 69%)
- HWB
- hwb(344 43% 4%)
- OKLCH
- oklch(0.709 0.167 5.5)
- OKLab
- oklab(0.709 0.167 0.016)
- CIE Lab
- lab(64.2 54.84 7.06)
- LCH
- lch(64.2 55.29 7.3)
- CMYK
- cmyk(0% 55% 40% 4%)
Tints · Shades · Tones
Tints
- F77E9C
- FA8DA7
- FC9CB2
- FEAABC
- FFB9C7
- FFC7D2
- FFD5DD
- FFE3E8
- FFF1F4
Shades
- D45F7E
- B5506B
- 974158
- 7A3346
- 5E2635
- 441925
- 2B0E16
- 140408
- 030101
Tones
- E97190
- DE748E
- D3778D
- C8798B
- BC7B89
- B17C87
- A57E85
- 997F84
- 8D7F82
Farbharmonien
Komplementär +180°
- F46E92
Embarrassed
- 00BAAC
≈ Verditer
Analog -30° +30°
- F46E92
Embarrassed
- DF74C9
≈ Explicit Pink
- F77553
≈ Adventure Island Pink
Triadisch +120° +240°
- F46E92
Embarrassed
- 88B224
≈ Brilliant Green
- 30A8FF
≈ Xed
Geteilt komplementär +150° +210°
- F46E92
Embarrassed
- 1CBF72
≈ Times Square Screens
- 00B4D2
≈ Aquarius
Tetradisch +90° +180° +270°
- F46E92
Embarrassed
- BD9F00
≈ Snakebite Leather
- 00BAAC
≈ Verditer
- 8797FF
≈ Periwinkle Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.49:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.49:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--embarrassed: #f46e92;
--embarrassed-rgb: 244 110 146;
--embarrassed-oklch: oklch(0.709 0.167 5.5);
}
.element {
color: var(--embarrassed);
background-color: hsl(344 86% 69%);
border-color: oklch(0.709 0.167 5.5);
}Tailwind CSS v4
@theme {
--color-embarrassed: #f46e92;
--color-embarrassed-50: #ffe2ec;
--color-embarrassed-100: #ffd1de;
--color-embarrassed-200: #ffb6c7;
--color-embarrassed-300: #ff91a8;
--color-embarrassed-400: #ed6f90;
--color-embarrassed-500: #db4976;
--color-embarrassed-600: #b93f64;
--color-embarrassed-700: #953250;
--color-embarrassed-800: #6f233c;
--color-embarrassed-900: #4e1829;
--color-embarrassed-950: #330717;
}SCSS
$embarrassed: #f46e92;
$embarrassed-rgb: 244, 110, 146;
$embarrassed-light: mix(#fff, $embarrassed, 20%);
$embarrassed-dark: mix(#000, $embarrassed, 20%);
.element {
color: $embarrassed;
box-shadow: 0 0 0 2px rgba($embarrassed, 0.35);
}