Benannte Farbe · #FF92AE
Baker-Miller Pink
Baker-Miller Pink ist #FF92AE: rgb(255 146 174), hsl(345 100% 79%), oklch(0.783 0.134 4.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Baker-Miller Pink color name →
#FF92AE
oklch(0.783 0.134 4.2)
Farbumrechnungen
- HEX
- #ff92ae
- RGB
- rgb(255 146 174)
- HSL
- hsl(345 100% 79%)
- HWB
- hwb(345 57% 0%)
- OKLCH
- oklch(0.783 0.134 4.2)
- OKLab
- oklab(0.783 0.134 0.01)
- CIE Lab
- lab(73.17 44.24 4.32)
- LCH
- lch(73.17 44.45 5.6)
- CMYK
- cmyk(0% 43% 32% 0%)
Tints · Shades · Tones
Tints
- FF9DB6
- FFA9BE
- FFB4C6
- FFBFCE
- FFC9D6
- FFD4DE
- FFDFE6
- FFEAEE
- FFF4F7
Shades
- DE7E97
- BE6B80
- 9E586A
- 804655
- 633541
- 48252E
- 2E161C
- 16080B
- 030101
Tones
- F291A9
- E68FA5
- D98EA0
- CD8C9B
- C08B97
- B48992
- A7878E
- 9A8589
- 8D8284
Farbharmonien
Komplementär +180°
- FF92AE
Baker-Miller Pink
- 20D4C2
≈ Turquoise Panic
Analog -30° +30°
- FF92AE
Baker-Miller Pink
- EC96DB
≈ Love Dust
- FF9980
≈ Vivid Tangerine
Triadisch +120° +240°
- FF92AE
Baker-Miller Pink
- A6C761
≈ Green Glow
- 71C0FF
≈ Maya Blue
Geteilt komplementär +150° +210°
- FF92AE
Baker-Miller Pink
- 6BD191
≈ Van Gogh Green
- 1CCDEC
≈ Picnic Day Sky
Tetradisch +90° +180° +270°
- FF92AE
Baker-Miller Pink
- D4B645
≈ Oldies but Goldies
- 20D4C2
≈ Turquoise Panic
- A2B3FF
≈ Wondrous Wisteria
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.10:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 9.97:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.97:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--baker-miller-pink: #ff92ae;
--baker-miller-pink-rgb: 255 146 174;
--baker-miller-pink-oklch: oklch(0.783 0.134 4.2);
}
.element {
color: var(--baker-miller-pink);
background-color: hsl(345 100% 79%);
border-color: oklch(0.783 0.134 4.2);
}Tailwind CSS v4
@theme {
--color-baker-miller-pink: #ff92ae;
--color-baker-miller-pink-50: #ffe6ef;
--color-baker-miller-pink-100: #ffd6e1;
--color-baker-miller-pink-200: #ffbdcb;
--color-baker-miller-pink-300: #f29aad;
--color-baker-miller-pink-400: #df7b95;
--color-baker-miller-pink-500: #cc5a7c;
--color-baker-miller-pink-600: #ad4d69;
--color-baker-miller-pink-700: #8b3e54;
--color-baker-miller-pink-800: #672c3f;
--color-baker-miller-pink-900: #481e2b;
--color-baker-miller-pink-950: #2f0d18;
}SCSS
$baker-miller-pink: #ff92ae;
$baker-miller-pink-rgb: 255, 146, 174;
$baker-miller-pink-light: mix(#fff, $baker-miller-pink, 20%);
$baker-miller-pink-dark: mix(#000, $baker-miller-pink, 20%);
.element {
color: $baker-miller-pink;
box-shadow: 0 0 0 2px rgba($baker-miller-pink, 0.35);
}