Dichtstbijzijnde benoemde kleur · #4E2C5E
#4E2C5E
Dichtstbijzijnde benoemde kleur: Acai
#4E2C5E (rgb(78 44 94), hsl(281 36% 27%), oklch(0.359 0.092 314)) komt het dichtst bij de benoemde kleur Acai. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#4E2C5E
oklch(0.359 0.092 314)
Kleurconversies
- HEX
- #4e2c5e
- RGB
- rgb(78 44 94)
- HSL
- hsl(281 36% 27%)
- HWB
- hwb(281 17% 63%)
- OKLCH
- oklch(0.359 0.092 314)
- OKLab
- oklab(0.359 0.064 -0.066)
- CIE Lab
- lab(24.26 23.44 -23.77)
- LCH
- lch(24.26 33.38 314.6)
- CMYK
- cmyk(17% 53% 0% 63%)
Tinten · Schaduwen · Tonen
Tinten
- 5E3F6D
- 6F537D
- 80678D
- 917B9C
- A390AC
- B5A5BD
- C7BBCD
- D9D1DD
- ECE8EE
Schaduwen
- 432551
- 381E44
- 2D1737
- 23112B
- 190A1F
- 0F0514
- 07020A
- 020103
- 000000
Tonen
- 533562
- 583D65
- 5D4569
- 624E6C
- 675670
- 6C5E73
- 716777
- 766F7A
- 7B777D
Kleurharmonieën
Complementair +180°
- 4E2C5E
Acai
- 27470D
≈ Garden Shadow
Analoog -30° +30°
- 4E2C5E
Acai
- 38346B
≈ Deep Koamaru
- 5D2649
≈ Plum Caspia
Triadisch +120° +240°
- 4E2C5E
Acai
- 543600
≈ Eyelash Camel
- 004746
≈ Cyprus
Gesplitst complementair +150° +210°
- 4E2C5E
Acai
- 443E00
≈ Xanthophobia
- 004932
≈ Alaskan Moss
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 11.37:1 · APCA Lc 96
Ag
FailOp zwart
WCAG 1.84:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 11.37:1 (AAA) · APCA Lc 96
Contrast pairs
Codefragmenten
CSS
:root {
--acai: #4e2c5e;
--acai-rgb: 78 44 94;
--acai-oklch: oklch(0.359 0.092 314);
}
.element {
color: var(--acai);
background-color: hsl(281 36% 27%);
border-color: oklch(0.359 0.092 314);
}Tailwind CSS v4
@theme {
--color-acai: #4e2c5e;
--color-acai-50: #ffeeff;
--color-acai-100: #f4dffd;
--color-acai-200: #e4c9ef;
--color-acai-300: #caa9d8;
--color-acai-400: #b28ec5;
--color-acai-500: #9c73b1;
--color-acai-600: #846295;
--color-acai-700: #6a4e78;
--color-acai-800: #4d3959;
--color-acai-900: #36273f;
--color-acai-950: #211528;
}SCSS
$acai: #4e2c5e;
$acai-rgb: 78, 44, 94;
$acai-light: mix(#fff, $acai, 20%);
$acai-dark: mix(#000, $acai, 20%);
.element {
color: $acai;
box-shadow: 0 0 0 2px rgba($acai, 0.35);
}