Benannte Farbe · #BD7D94
Polignac
Polignac ist #BD7D94: rgb(189 125 148), hsl(338 33% 62%), oklch(0.662 0.085 356.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Polignac color name →
#BD7D94
oklch(0.662 0.085 356.5)
Farbumrechnungen
- HEX
- #bd7d94
- RGB
- rgb(189 125 148)
- HSL
- hsl(338 33% 62%)
- HWB
- hwb(338 49% 26%)
- OKLCH
- oklch(0.662 0.085 356.5)
- OKLab
- oklab(0.662 0.084 -0.005)
- CIE Lab
- lab(59.73 27.96 -1.67)
- LCH
- lch(59.73 28.01 356.6)
- CMYK
- cmyk(0% 34% 22% 26%)
Tints · Shades · Tones
Tints
- C48A9E
- CB96A9
- D2A3B3
- D9B0BE
- E0BDC8
- E6CAD3
- EDD7DE
- F3E4E9
- F9F2F4
Shades
- A46C80
- 8C5B6D
- 744B5A
- 5D3B48
- 472C36
- 331E26
- 1F1116
- 0D0508
- 020101
Tones
- B77E92
- B17E90
- AB7F8E
- A57F8C
- 9F7F8A
- 997F88
- 938086
- 8D8084
- 878082
Farbharmonien
Komplementär +180°
- BD7D94
Polignac
- 54A491
≈ Golf Blazer
Analog -30° +30°
- BD7D94
Polignac
- AE81AE
≈ Stage Mauve
- C17F77
≈ Brownish Pink
Triadisch +120° +240°
- BD7D94
Polignac
- 909A5C
≈ Vitality
- 5D9BC0
≈ Shakespeare
Geteilt komplementär +150° +210°
- BD7D94
Polignac
- 70A174
≈ Growth
- 4BA2AD
≈ Teal Essence
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.21:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.52:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.52:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--polignac: #bd7d94;
--polignac-rgb: 189 125 148;
--polignac-oklch: oklch(0.662 0.085 356.5);
}
.element {
color: var(--polignac);
background-color: hsl(338 33% 62%);
border-color: oklch(0.662 0.085 356.5);
}Tailwind CSS v4
@theme {
--color-polignac: #bd7d94;
--color-polignac-50: #ffecf5;
--color-polignac-100: #ffdde7;
--color-polignac-200: #f4c6d4;
--color-polignac-300: #dca6b7;
--color-polignac-400: #c78aa0;
--color-polignac-500: #b36e87;
--color-polignac-600: #975d73;
--color-polignac-700: #794a5c;
--color-polignac-800: #593644;
--color-polignac-900: #3f252f;
--color-polignac-950: #28131c;
}SCSS
$polignac: #bd7d94;
$polignac-rgb: 189, 125, 148;
$polignac-light: mix(#fff, $polignac, 20%);
$polignac-dark: mix(#000, $polignac, 20%);
.element {
color: $polignac;
box-shadow: 0 0 0 2px rgba($polignac, 0.35);
}