Colore con nome più vicino · #662E65
#662E65
Colore con nome più vicino: Wineberry
#662E65 (rgb(102 46 101), hsl(301 38% 29%), oklch(0.399 0.111 328.1)) è più vicino al colore con nome Wineberry. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#662E65
oklch(0.399 0.111 328.1)
Conversioni di colore
- HEX
- #662e65
- RGB
- rgb(102 46 101)
- HSL
- hsl(301 38% 29%)
- HWB
- hwb(301 18% 60%)
- OKLCH
- oklch(0.399 0.111 328.1)
- OKLab
- oklab(0.399 0.094 -0.058)
- CIE Lab
- lab(28.65 31.86 -21.13)
- LCH
- lch(28.65 38.23 326.4)
- CMYK
- cmyk(0% 55% 1% 60%)
Tinte · Ombre · Toni
Tinte
- 754274
- 845682
- 936A91
- A37EA1
- B293B0
- C1A8BF
- D0BDCF
- E0D3DF
- EFE9EF
Ombre
- 582757
- 4A1F49
- 3C183C
- 2F122F
- 230B22
- 170617
- 0C020C
- 040103
- 000000
Toni
- 693768
- 6C3F6B
- 6F486E
- 725070
- 755873
- 776076
- 7A6878
- 7C707B
- 7E787E
Armonie di colore
Complementare +180°
- 662E65
Wineberry
- 085721
≈ Caliban Green
Analogo -30° +30°
- 662E65
Wineberry
- 50377A
≈ Prism Violet
- 742847
≈ Palace Red
Triadico +120° +240°
- 662E65
Wineberry
- 5A4400
≈ Sugarloaf Brown
- 00515B
≈ Kali Blue
Complementare divisa +150° +210°
- 662E65
Wineberry
- 434E00
≈ No Emissions Green
- 005447
≈ Breathe Deeply
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.79:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.14:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.79:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--wineberry: #662e65;
--wineberry-rgb: 102 46 101;
--wineberry-oklch: oklch(0.399 0.111 328.1);
}
.element {
color: var(--wineberry);
background-color: hsl(301 38% 29%);
border-color: oklch(0.399 0.111 328.1);
}Tailwind CSS v4
@theme {
--color-wineberry: #662e65;
--color-wineberry-50: #ffeaff;
--color-wineberry-100: #fedbfa;
--color-wineberry-200: #f0c4eb;
--color-wineberry-300: #d8a3d2;
--color-wineberry-400: #c287bf;
--color-wineberry-500: #ad6aab;
--color-wineberry-600: #925a90;
--color-wineberry-700: #754874;
--color-wineberry-800: #563457;
--color-wineberry-900: #3c233d;
--color-wineberry-950: #261226;
}SCSS
$wineberry: #662e65;
$wineberry-rgb: 102, 46, 101;
$wineberry-light: mix(#fff, $wineberry, 20%);
$wineberry-dark: mix(#000, $wineberry, 20%);
.element {
color: $wineberry;
box-shadow: 0 0 0 2px rgba($wineberry, 0.35);
}