Colore con nome · #662277
Berry Blackmail
Berry Blackmail è #662277: rgb(102 34 119), hsl(288 56% 30%), oklch(0.395 0.147 318.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Berry Blackmail color name →
#662277
oklch(0.395 0.147 318.9)
Conversioni di colore
- HEX
- #662277
- RGB
- rgb(102 34 119)
- HSL
- hsl(288 56% 30%)
- HWB
- hwb(288 13% 53%)
- OKLCH
- oklch(0.395 0.147 318.9)
- OKLab
- oklab(0.395 0.111 -0.097)
- CIE Lab
- lab(27.36 40.34 -34.67)
- LCH
- lch(27.36 53.19 319.3)
- CMYK
- cmyk(14% 71% 0% 53%)
Tinte · Ombre · Toni
Tinte
- 753A85
- 844F92
- 9365A0
- A27AAE
- B28FBB
- C1A5C9
- D0BBD6
- E0D1E4
- EFE8F1
Ombre
- 581C67
- 4A1657
- 3C1147
- 2F0B38
- 23072A
- 17031C
- 0C0110
- 040005
- 000001
Toni
- 692E79
- 6C397A
- 6F427B
- 724C7C
- 75557D
- 775E7E
- 7A667F
- 7C6F7F
- 7E7780
Armonie di colore
Complementare +180°
- 662277
Berry Blackmail
- 1B5500
≈ Donegal Green
Analogo -30° +30°
- 662277
Berry Blackmail
- 47318E
≈ Majestic Eggplant
- 7A1453
≈ French Plum
Triadico +120° +240°
- 662277
Berry Blackmail
- 5E4000
≈ Hippogriff Brown
- 005154
≈ Wool Turquoise
Complementare divisa +150° +210°
- 662277
Berry Blackmail
- 4A4900
≈ No Emissions Green
- 00533F
≈ Tetsu Green
Tetradico +90° +180° +270°
- 662277
Berry Blackmail
- 713000
≈ Cold Press Coffee
- 1B5500
≈ Donegal Green
- 004D67
≈ Work Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.19:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.06:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 10.19:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--berry-blackmail: #662277;
--berry-blackmail-rgb: 102 34 119;
--berry-blackmail-oklch: oklch(0.395 0.147 318.9);
}
.element {
color: var(--berry-blackmail);
background-color: hsl(288 56% 30%);
border-color: oklch(0.395 0.147 318.9);
}Tailwind CSS v4
@theme {
--color-berry-blackmail: #662277;
--color-berry-blackmail-50: #ffe8ff;
--color-berry-blackmail-100: #ffd8ff;
--color-berry-blackmail-200: #f2c0fb;
--color-berry-blackmail-300: #da9ee5;
--color-berry-blackmail-400: #c380d5;
--color-berry-blackmail-500: #af61c3;
--color-berry-blackmail-600: #9453a5;
--color-berry-blackmail-700: #764284;
--color-berry-blackmail-800: #563064;
--color-berry-blackmail-900: #3c2146;
--color-berry-blackmail-950: #26102d;
}SCSS
$berry-blackmail: #662277;
$berry-blackmail-rgb: 102, 34, 119;
$berry-blackmail-light: mix(#fff, $berry-blackmail, 20%);
$berry-blackmail-dark: mix(#000, $berry-blackmail, 20%);
.element {
color: $berry-blackmail;
box-shadow: 0 0 0 2px rgba($berry-blackmail, 0.35);
}