Colore con nome · #85677B
Port Wine Stain
Port Wine Stain è #85677B: rgb(133 103 123), hsl(320 13% 46%), oklch(0.55 0.048 338.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Port Wine Stain color name →
#85677B
oklch(0.55 0.048 338.9)
Conversioni di colore
- HEX
- #85677b
- RGB
- rgb(133 103 123)
- HSL
- hsl(320 13% 46%)
- HWB
- hwb(320 40% 48%)
- OKLCH
- oklch(0.55 0.048 338.9)
- OKLab
- oklab(0.55 0.045 -0.017)
- CIE Lab
- lab(47.16 15.01 -6.35)
- LCH
- lch(47.16 16.3 337.1)
- CMYK
- cmyk(0% 23% 8% 48%)
Tinte · Ombre · Toni
Tinte
- 917587
- 9D8494
- A992A1
- B5A1AE
- C1B0BB
- CDC0C8
- D9CFD6
- E6DFE3
- F2EFF1
Ombre
- 73596A
- 614B5A
- 503D4A
- 40303A
- 30232C
- 21171E
- 130C10
- 060405
- 010001
Toni
- 856A7C
- 846C7C
- 846F7D
- 83717D
- 83747E
- 82767E
- 82797F
- 817B7F
- 817E80
Armonie di colore
Complementare +180°
- 85677B
Port Wine Stain
- 5A7B67
≈ Dark Sorrel
Analogo -30° +30°
- 85677B
Port Wine Stain
- 7A6A87
≈ Amethyst Gem
- 8B666C
≈ Deadlock
Triadico +120° +240°
- 85677B
Port Wine Stain
- 787252
≈ Truly Olive
- 517985
≈ Ocean Current
Complementare divisa +150° +210°
- 85677B
Port Wine Stain
- 69775A
≈ Lignum Vitœ Foliage
- 507B77
≈ Breaker Bay
Tetradico +90° +180° +270°
- 85677B
Port Wine Stain
- 846D53
≈ Bancroft Village
- 5A7B67
≈ Dark Sorrel
- 5C748D
≈ Laguna Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.97:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.22:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--port-wine-stain: #85677b;
--port-wine-stain-rgb: 133 103 123;
--port-wine-stain-oklch: oklch(0.55 0.048 338.9);
}
.element {
color: var(--port-wine-stain);
background-color: hsl(320 13% 46%);
border-color: oklch(0.55 0.048 338.9);
}Tailwind CSS v4
@theme {
--color-port-wine-stain: #85677b;
--color-port-wine-stain-50: #fff0f9;
--color-port-wine-stain-100: #f4e2ed;
--color-port-wine-stain-200: #e3cdda;
--color-port-wine-stain-300: #c9aebf;
--color-port-wine-stain-400: #b294a8;
--color-port-wine-stain-500: #9c7a91;
--color-port-wine-stain-600: #84687a;
--color-port-wine-stain-700: #6a5362;
--color-port-wine-stain-800: #4e3c48;
--color-port-wine-stain-900: #362932;
--color-port-wine-stain-950: #21171e;
}SCSS
$port-wine-stain: #85677b;
$port-wine-stain-rgb: 133, 103, 123;
$port-wine-stain-light: mix(#fff, $port-wine-stain, 20%);
$port-wine-stain-dark: mix(#000, $port-wine-stain, 20%);
.element {
color: $port-wine-stain;
box-shadow: 0 0 0 2px rgba($port-wine-stain, 0.35);
}