Benannte Farbe · #BE89A8
Rosy
Rosy ist #BE89A8: rgb(190 137 168), hsl(325 29% 64%), oklch(0.691 0.077 343.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Rosy color name →
#BE89A8
oklch(0.691 0.077 343.4)
Farbumrechnungen
- HEX
- #be89a8
- RGB
- rgb(190 137 168)
- HSL
- hsl(325 29% 64%)
- HWB
- hwb(325 54% 25%)
- OKLCH
- oklch(0.691 0.077 343.4)
- OKLab
- oklab(0.691 0.073 -0.022)
- CIE Lab
- lab(63.15 24.43 -8.02)
- LCH
- lch(63.15 25.71 341.8)
- CMYK
- cmyk(0% 28% 12% 25%)
Tints · Shades · Tones
Tints
- C594B0
- CCA0B9
- D2ACC1
- D9B7CA
- DFC3D3
- E6CFDC
- ECDBE4
- F3E7ED
- F9F3F6
Shades
- A57692
- 8C647C
- 755367
- 5E4252
- 48313F
- 33222C
- 1F141A
- 0D070A
- 020101
Tones
- B888A4
- B288A0
- AC879C
- A68698
- 9F8594
- 998490
- 93838C
- 8D8288
- 868184
Farbharmonien
Komplementär +180°
- BE89A8
Rosy
- 6EAB8E
≈ Dublin Jack
Analog -30° +30°
- BE89A8
Rosy
- AD8EBE
≈ East Side
- C6888E
≈ King’s Cloak
Triadisch +120° +240°
Geteilt komplementär +150° +210°
- BE89A8
Rosy
- 89A676
≈ Moss Candy
- 5EABA9
≈ Veranda
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.86:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.33:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.33:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--rosy: #be89a8;
--rosy-rgb: 190 137 168;
--rosy-oklch: oklch(0.691 0.077 343.4);
}
.element {
color: var(--rosy);
background-color: hsl(325 29% 64%);
border-color: oklch(0.691 0.077 343.4);
}Tailwind CSS v4
@theme {
--color-rosy: #be89a8;
--color-rosy-50: #ffedfa;
--color-rosy-100: #fcdeee;
--color-rosy-200: #eec8dc;
--color-rosy-300: #d5a8c0;
--color-rosy-400: #bf8daa;
--color-rosy-500: #aa7293;
--color-rosy-600: #90607d;
--color-rosy-700: #734d64;
--color-rosy-800: #55384a;
--color-rosy-900: #3b2633;
--color-rosy-950: #25141f;
}SCSS
$rosy: #be89a8;
$rosy-rgb: 190, 137, 168;
$rosy-light: mix(#fff, $rosy, 20%);
$rosy-dark: mix(#000, $rosy, 20%);
.element {
color: $rosy;
box-shadow: 0 0 0 2px rgba($rosy, 0.35);
}