Colore con nome · #42314B
Acai Berry
Acai Berry è #42314B: rgb(66 49 75), hsl(279 21% 24%), oklch(0.343 0.05 313.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Acai Berry color name →
#42314B
oklch(0.343 0.05 313.6)
Conversioni di colore
- HEX
- #42314b
- RGB
- rgb(66 49 75)
- HSL
- hsl(279 21% 24%)
- HWB
- hwb(279 19% 71%)
- OKLCH
- oklch(0.343 0.05 313.6)
- OKLab
- oklab(0.343 0.034 -0.036)
- CIE Lab
- lab(23.14 12.19 -13.11)
- LCH
- lch(23.14 17.9 312.9)
- CMYK
- cmyk(12% 35% 0% 71%)
Tinte · Ombre · Toni
Tinte
- 53435B
- 64566C
- 76697D
- 887D8F
- 9B92A1
- AEA7B3
- C2BCC6
- D6D2D8
- EAE8EC
Ombre
- 382940
- 2F2235
- 251A2B
- 1C1321
- 140C17
- 0B060E
- 050306
- 010102
- 000000
Toni
- 483850
- 4E4055
- 54485B
- 5A5060
- 605765
- 675F6B
- 6D6770
- 736F75
- 7A787B
Armonie di colore
Complementare +180°
- 42314B
Acai Berry
- 2E3E23
≈ Turtle Skin
Analogo -30° +30°
- 42314B
Acai Berry
- 353552
≈ Tiě Hēi Metal
- 4B2E3F
≈ Barossa
Triadico +120° +240°
- 42314B
Acai Berry
- 48351A
≈ Café Noir
- 124140
≈ Botanical Night
Complementare divisa +150° +210°
- 42314B
Acai Berry
- 3D3A1A
≈ Camouflage
- 1E4132
≈ English Holly
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.84:1 · APCA Lc 97
Ag
FailSu nero
WCAG 1.77:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.84:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--acai-berry: #42314b;
--acai-berry-rgb: 66 49 75;
--acai-berry-oklch: oklch(0.343 0.05 313.6);
}
.element {
color: var(--acai-berry);
background-color: hsl(279 21% 24%);
border-color: oklch(0.343 0.05 313.6);
}Tailwind CSS v4
@theme {
--color-acai-berry: #42314b;
--color-acai-berry-50: #fbf1ff;
--color-acai-berry-100: #eee3f3;
--color-acai-berry-200: #ddcee3;
--color-acai-berry-300: #c1b0c9;
--color-acai-berry-400: #a996b4;
--color-acai-berry-500: #927d9e;
--color-acai-berry-600: #7c6a85;
--color-acai-berry-700: #63546b;
--color-acai-berry-800: #483e4f;
--color-acai-berry-900: #322a37;
--color-acai-berry-950: #1e1822;
}SCSS
$acai-berry: #42314b;
$acai-berry-rgb: 66, 49, 75;
$acai-berry-light: mix(#fff, $acai-berry, 20%);
$acai-berry-dark: mix(#000, $acai-berry, 20%);
.element {
color: $acai-berry;
box-shadow: 0 0 0 2px rgba($acai-berry, 0.35);
}