Nächste benannte Farbe · #BD8E99
#BD8E99
Nächste benannte Farbe: Punched Pink
#BD8E99 (rgb(189 142 153), hsl(346 26% 65%), oklch(0.695 0.059 3.2)) liegt am nächsten an der benannten Farbe Punched Pink. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#BD8E99
oklch(0.695 0.059 3.2)
Farbumrechnungen
- HEX
- #bd8e99
- RGB
- rgb(189 142 153)
- HSL
- hsl(346 26% 65%)
- HWB
- hwb(346 56% 26%)
- OKLCH
- oklch(0.695 0.059 3.2)
- OKLab
- oklab(0.695 0.059 0.003)
- CIE Lab
- lab(63.87 19.6 1.47)
- LCH
- lch(63.87 19.65 4.3)
- CMYK
- cmyk(0% 25% 19% 26%)
Tints · Shades · Tones
Tints
- C499A3
- CBA4AD
- D1AFB7
- D8BAC1
- DFC5CB
- E5D1D5
- ECDCDF
- F2E8EA
- F9F3F4
Shades
- A47B84
- 8C6870
- 74565D
- 5D444A
- 473438
- 332427
- 1F1517
- 0D0708
- 020101
Tones
- B78D96
- B18B94
- AB8A91
- A5898F
- 9F878C
- 99868A
- 938487
- 8C8385
- 868182
Farbharmonien
Komplementär +180°
- BD8E99
Punched Pink
- 73A9A0
≈ Twining Vine
Analog -30° +30°
- BD8E99
Punched Pink
- B490AD
≈ Soft Impact
- BE9085
≈ Revival Rose
Triadisch +120° +240°
- BD8E99
Punched Pink
- 96A37B
≈ Renkon Beige
- 7DA2BF
≈ Far Horizons
Geteilt komplementär +150° +210°
- BD8E99
Punched Pink
- 81A88C
≈ Catnip
- 71A7B3
≈ Stillwater
Tetradisch +90° +180° +270°
- BD8E99
Punched Pink
- A99C73
≈ Fresh Olive
- 73A9A0
≈ Twining Vine
- 919BC2
≈ Lavender Lustre
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.49:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--punched-pink: #bd8e99;
--punched-pink-rgb: 189 142 153;
--punched-pink-oklch: oklch(0.695 0.059 3.2);
}
.element {
color: var(--punched-pink);
background-color: hsl(346 26% 65%);
border-color: oklch(0.695 0.059 3.2);
}Tailwind CSS v4
@theme {
--color-punched-pink: #bd8e99;
--color-punched-pink-50: #ffeff3;
--color-punched-pink-100: #fae0e5;
--color-punched-pink-200: #eccad1;
--color-punched-pink-300: #d3abb3;
--color-punched-pink-400: #bd909b;
--color-punched-pink-500: #a87682;
--color-punched-pink-600: #8e646e;
--color-punched-pink-700: #725058;
--color-punched-pink-800: #543a41;
--color-punched-pink-900: #3b282d;
--color-punched-pink-950: #24161a;
}SCSS
$punched-pink: #bd8e99;
$punched-pink-rgb: 189, 142, 153;
$punched-pink-light: mix(#fff, $punched-pink, 20%);
$punched-pink-dark: mix(#000, $punched-pink, 20%);
.element {
color: $punched-pink;
box-shadow: 0 0 0 2px rgba($punched-pink, 0.35);
}