Nächste benannte Farbe · #BB4A91
#BB4A91
Nächste benannte Farbe: Lustful Wishes
#BB4A91 (rgb(187 74 145), hsl(322 45% 51%), oklch(0.581 0.165 344.8)) liegt am nächsten an der benannten Farbe Lustful Wishes. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#BB4A91
oklch(0.581 0.165 344.8)
Farbumrechnungen
- HEX
- #bb4a91
- RGB
- rgb(187 74 145)
- HSL
- hsl(322 45% 51%)
- HWB
- hwb(322 29% 27%)
- OKLCH
- oklch(0.581 0.165 344.8)
- OKLab
- oklab(0.581 0.16 -0.043)
- CIE Lab
- lab(49.11 51.86 -15.64)
- LCH
- lch(49.11 54.17 343.2)
- CMYK
- cmyk(0% 60% 22% 27%)
Tints · Shades · Tones
Tints
- C45E9C
- CC70A6
- D482B1
- DB94BC
- E2A6C7
- E9B7D2
- EFC9DD
- F5DBE8
- FAEDF4
Shades
- A23F7D
- 8A356A
- 732A58
- 5C2046
- 461735
- 320E25
- 1F0615
- 0D0207
- 020001
Tones
- B6518F
- B1588E
- AC5E8C
- A6648A
- A16989
- 9B6E87
- 957385
- 8E7784
- 877C82
Farbharmonien
Komplementär +180°
- BB4A91
Lustful Wishes
- 009168
≈ Viridian
Analog -30° +30°
- BB4A91
Lustful Wishes
- 9E56BD
≈ Royal Gramma Purple
- C9465B
≈ Lingonberry Red
Triadisch +120° +240°
- BB4A91
Lustful Wishes
- 867E00
≈ Olive
- 0087AB
≈ Tiny Bubbles
Geteilt komplementär +150° +210°
- BB4A91
Lustful Wishes
- 4B8F0B
≈ Pistachio Flour
- 008D8D
≈ Marrs Green
Tetradisch +90° +180° +270°
- BB4A91
Lustful Wishes
- A46E00
≈ Golden Hind
- 009168
≈ Viridian
- 267AD9
≈ Soothing Sapphire
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.66:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.50:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--lustful-wishes: #bb4a91;
--lustful-wishes-rgb: 187 74 145;
--lustful-wishes-oklch: oklch(0.581 0.165 344.8);
}
.element {
color: var(--lustful-wishes);
background-color: hsl(322 45% 51%);
border-color: oklch(0.581 0.165 344.8);
}Tailwind CSS v4
@theme {
--color-lustful-wishes: #bb4a91;
--color-lustful-wishes-50: #ffe3ff;
--color-lustful-wishes-100: #ffd2f3;
--color-lustful-wishes-200: #ffb8e2;
--color-lustful-wishes-300: #f493c8;
--color-lustful-wishes-400: #e172b5;
--color-lustful-wishes-500: #ce4f9f;
--color-lustful-wishes-600: #ae4486;
--color-lustful-wishes-700: #8c366c;
--color-lustful-wishes-800: #672651;
--color-lustful-wishes-900: #491a39;
--color-lustful-wishes-950: #2f0a23;
}SCSS
$lustful-wishes: #bb4a91;
$lustful-wishes-rgb: 187, 74, 145;
$lustful-wishes-light: mix(#fff, $lustful-wishes, 20%);
$lustful-wishes-dark: mix(#000, $lustful-wishes, 20%);
.element {
color: $lustful-wishes;
box-shadow: 0 0 0 2px rgba($lustful-wishes, 0.35);
}