Colore con nome · #BD7D94
Polignac
Polignac è #BD7D94: rgb(189 125 148), hsl(338 33% 62%), oklch(0.662 0.085 356.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Polignac color name →
#BD7D94
oklch(0.662 0.085 356.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C48A9E
- CB96A9
- D2A3B3
- D9B0BE
- E0BDC8
- E6CAD3
- EDD7DE
- F3E4E9
- F9F2F4
Ombre
- A46C80
- 8C5B6D
- 744B5A
- 5D3B48
- 472C36
- 331E26
- 1F1116
- 0D0508
- 020101
Toni
- B77E92
- B17E90
- AB7F8E
- A57F8C
- 9F7F8A
- 997F88
- 938086
- 8D8084
- 878082
Armonie di colore
Complementare +180°
- BD7D94
Polignac
- 54A491
≈ Golf Blazer
Analogo -30° +30°
- BD7D94
Polignac
- AE81AE
≈ Stage Mauve
- C17F77
≈ Brownish Pink
Triadico +120° +240°
- BD7D94
Polignac
- 909A5C
≈ Vitality
- 5D9BC0
≈ Shakespeare
Complementare divisa +150° +210°
- BD7D94
Polignac
- 70A174
≈ Growth
- 4BA2AD
≈ Teal Essence
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.21:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.52:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.52:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
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);
}