Nächste benannte Farbe · #BB3770
#BB3770
Nächste benannte Farbe: Spicy Purple
#BB3770 (rgb(187 55 112), hsl(334 55% 47%), oklch(0.548 0.175 358.3)) liegt am nächsten an der benannten Farbe Spicy Purple. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#BB3770
oklch(0.548 0.175 358.3)
Farbumrechnungen
- HEX
- #bb3770
- RGB
- rgb(187 55 112)
- HSL
- hsl(334 55% 47%)
- HWB
- hwb(334 22% 27%)
- OKLCH
- oklch(0.548 0.175 358.3)
- OKLab
- oklab(0.548 0.175 -0.005)
- CIE Lab
- lab(45.33 56.42 -1.26)
- LCH
- lch(45.33 56.43 358.7)
- CMYK
- cmyk(0% 71% 40% 27%)
Tints · Shades · Tones
Tints
- C44E7D
- CD638B
- D57799
- DD8BA7
- E49EB5
- EAB2C3
- F0C5D2
- F6D8E1
- FBEBF0
Shades
- A22E60
- 8A2651
- 731E43
- 5C1635
- 460F27
- 32081A
- 1F030E
- 0D0104
- 020001
Tones
- B74272
- B24B73
- AD5375
- A85B76
- A26278
- 9C697A
- 966F7B
- 8F757D
- 887B7E
Farbharmonien
Komplementär +180°
- BB3770
Spicy Purple
- 008471
≈ Summer Turquoise
Analog -30° +30°
- BB3770
Spicy Purple
- A442A3
≈ Aged Purple
- C23A30
≈ Stop
Triadisch +120° +240°
- BB3770
Spicy Purple
- 6B7A00
≈ Murky Green
- 0079AF
≈ Nice Blue
Geteilt komplementär +150° +210°
- BB3770
Spicy Purple
- 008836
≈ Broccoli Paradise
- 00808E
≈ Briny
Tetradisch +90° +180° +270°
- BB3770
Spicy Purple
- 8C6C00
≈ Muddy Brown
- 008471
≈ Summer Turquoise
- 4766D5
≈ Monarchist
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.39:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.89:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.39:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--spicy-purple: #bb3770;
--spicy-purple-rgb: 187 55 112;
--spicy-purple-oklch: oklch(0.548 0.175 358.3);
}
.element {
color: var(--spicy-purple);
background-color: hsl(334 55% 47%);
border-color: oklch(0.548 0.175 358.3);
}Tailwind CSS v4
@theme {
--color-spicy-purple: #bb3770;
--color-spicy-purple-50: #ffe1f3;
--color-spicy-purple-100: #ffd0e5;
--color-spicy-purple-200: #ffb5d1;
--color-spicy-purple-300: #ff8fb3;
--color-spicy-purple-400: #ed6c9d;
--color-spicy-purple-500: #db4685;
--color-spicy-purple-600: #b93d71;
--color-spicy-purple-700: #94305a;
--color-spicy-purple-800: #6e2244;
--color-spicy-purple-900: #4e162f;
--color-spicy-purple-950: #33071b;
}SCSS
$spicy-purple: #bb3770;
$spicy-purple-rgb: 187, 55, 112;
$spicy-purple-light: mix(#fff, $spicy-purple, 20%);
$spicy-purple-dark: mix(#000, $spicy-purple, 20%);
.element {
color: $spicy-purple;
box-shadow: 0 0 0 2px rgba($spicy-purple, 0.35);
}