Colore con nome · #662266
Blackest Berry
Blackest Berry è #662266: rgb(102 34 102), hsl(300 50% 27%), oklch(0.384 0.131 327.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Blackest Berry color name →
#662266
oklch(0.384 0.131 327.8)
Conversioni di colore
- HEX
- #662266
- RGB
- rgb(102 34 102)
- HSL
- hsl(300 50% 27%)
- HWB
- hwb(300 13% 60%)
- OKLCH
- oklch(0.384 0.131 327.8)
- OKLab
- oklab(0.384 0.111 -0.07)
- CIE Lab
- lab(26.47 37.79 -25.18)
- LCH
- lch(26.47 45.41 326.3)
- CMYK
- cmyk(0% 67% 0% 60%)
Tinte · Ombre · Toni
Tinte
- 753975
- 854E84
- 946393
- A378A2
- B38EB1
- C2A4C0
- D1BAD0
- E0D1DF
- F0E8EF
Ombre
- 581C58
- 4A164A
- 3C113C
- 2F0B2F
- 230723
- 170317
- 0C010C
- 040004
- 000000
Toni
- 692D69
- 6D376C
- 70416F
- 734A71
- 755474
- 785D77
- 7A6579
- 7C6E7B
- 7E777E
Armonie di colore
Complementare +180°
- 662266
Blackest Berry
- 00521C
≈ Mysterious Mixture
Analogo -30° +30°
- 662266
Blackest Berry
- 4D2E7F
≈ Regalia
- 751943
≈ Pansy Purple
Triadico +120° +240°
- 662266
Blackest Berry
- 554000
≈ Roman Bronze
- 004D55
≈ Watercolour Blue
Complementare divisa +150° +210°
- 662266
Blackest Berry
- 404900
≈ No Emissions Green
- 004F43
≈ Fjord Green
Tetradico +90° +180° +270°
- 662266
Blackest Berry
- 673400
≈ Beasty Brown
- 00521C
≈ Mysterious Mixture
- 00496B
≈ Adriatic
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.57:1 · APCA Lc 94
Ag
FailSu nero
WCAG 1.98:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 10.57:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--blackest-berry: #662266;
--blackest-berry-rgb: 102 34 102;
--blackest-berry-oklch: oklch(0.384 0.131 327.8);
}
.element {
color: var(--blackest-berry);
background-color: hsl(300 50% 27%);
border-color: oklch(0.384 0.131 327.8);
}Tailwind CSS v4
@theme {
--color-blackest-berry: #662266;
--color-blackest-berry-50: #ffe8ff;
--color-blackest-berry-100: #ffd9fd;
--color-blackest-berry-200: #f5c0ef;
--color-blackest-berry-300: #de9fd8;
--color-blackest-berry-400: #c881c6;
--color-blackest-berry-500: #b363b2;
--color-blackest-berry-600: #985596;
--color-blackest-berry-700: #7a4379;
--color-blackest-berry-800: #59315b;
--color-blackest-berry-900: #3e213f;
--color-blackest-berry-950: #271028;
}SCSS
$blackest-berry: #662266;
$blackest-berry-rgb: 102, 34, 102;
$blackest-berry-light: mix(#fff, $blackest-berry, 20%);
$blackest-berry-dark: mix(#000, $blackest-berry, 20%);
.element {
color: $blackest-berry;
box-shadow: 0 0 0 2px rgba($blackest-berry, 0.35);
}