Benoemde kleur · #8756E4
Gloomy Purple
Gloomy Purple is #8756E4: rgb(135 86 228), hsl(261 72% 62%), oklch(0.58 0.205 295.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Purple mean? → · Gloomy Purple color name →
#8756E4
oklch(0.58 0.205 295.1)
Kleurconversies
- HEX
- #8756e4
- RGB
- rgb(135 86 228)
- HSL
- hsl(261 72% 62%)
- HWB
- hwb(261 34% 11%)
- OKLCH
- oklch(0.58 0.205 295.1)
- OKLab
- oklab(0.58 0.087 -0.186)
- CIE Lab
- lab(47.96 44.18 -66.15)
- LCH
- lch(47.96 79.55 303.7)
- CMYK
- cmyk(41% 62% 0% 11%)
Tinten · Schaduwen · Tonen
Tinten
- 9169E8
- 9C7BEC
- A88CF0
- B39DF3
- BFAEF6
- CBBEF8
- D8CEFB
- E5DEFC
- F2EFFE
Schaduwen
- 754AC6
- 633EA9
- 51328D
- 412772
- 311C58
- 21123F
- 130828
- 060212
- 010003
Tonen
- 865DDA
- 8562D1
- 8467C7
- 836CBE
- 8270B4
- 8174AA
- 8177A0
- 807B95
- 807D8B
Kleurharmonieën
Complementair +180°
- 8756E4
Gloomy Purple
- 788300
≈ Swamp Green
Analoog -30° +30°
- 8756E4
Gloomy Purple
- 3D6EF2
≈ Secret of Mana
- B341BB
≈ Ultraviolet Cryner
Triadisch +120° +240°
- 8756E4
Gloomy Purple
- B95F00
≈ Super Leaf Brown
- 008F77
≈ Dòu Lǜ Green
Gesplitst complementair +150° +210°
- 8756E4
Gloomy Purple
- 9A7400
≈ Mesozoic Green
- 009427
≈ Irish Green
Tetradisch +90° +180° +270°
- 8756E4
Gloomy Purple
- D92F35
≈ Akuma
- 788300
≈ Swamp Green
- 008B96
≈ Tempo Teal
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.68:1 · APCA Lc 72
Ag
FailOp zwart
WCAG 4.48:1 · APCA Lc 30
Beste tekstkleur: #FFFFFF
WCAG 4.68:1 (AA) · APCA Lc 72
Contrast pairs
Codefragmenten
CSS
:root {
--gloomy-purple: #8756e4;
--gloomy-purple-rgb: 135 86 228;
--gloomy-purple-oklch: oklch(0.58 0.205 295.1);
}
.element {
color: var(--gloomy-purple);
background-color: hsl(261 72% 62%);
border-color: oklch(0.58 0.205 295.1);
}Tailwind CSS v4
@theme {
--color-gloomy-purple: #8756e4;
--color-gloomy-purple-50: #fbeaff;
--color-gloomy-purple-100: #efdaff;
--color-gloomy-purple-200: #dec1ff;
--color-gloomy-purple-300: #c39eff;
--color-gloomy-purple-400: #aa7fff;
--color-gloomy-purple-500: #955dfc;
--color-gloomy-purple-600: #7d4fd5;
--color-gloomy-purple-700: #643fab;
--color-gloomy-purple-800: #482e81;
--color-gloomy-purple-900: #311f5b;
--color-gloomy-purple-950: #1e0e3e;
}SCSS
$gloomy-purple: #8756e4;
$gloomy-purple-rgb: 135, 86, 228;
$gloomy-purple-light: mix(#fff, $gloomy-purple, 20%);
$gloomy-purple-dark: mix(#000, $gloomy-purple, 20%);
.element {
color: $gloomy-purple;
box-shadow: 0 0 0 2px rgba($gloomy-purple, 0.35);
}