Benoemde kleur · #D59CFC
Plasma Trail
Plasma Trail is #D59CFC: rgb(213 156 252), hsl(276 94% 80%), oklch(0.781 0.145 310.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Purple mean? → · Plasma Trail color name →
#D59CFC
oklch(0.781 0.145 310.6)
Kleurconversies
- HEX
- #d59cfc
- RGB
- rgb(213 156 252)
- HSL
- hsl(276 94% 80%)
- HWB
- hwb(276 61% 1%)
- OKLCH
- oklch(0.781 0.145 310.6)
- OKLab
- oklab(0.781 0.094 -0.11)
- CIE Lab
- lab(72.59 34.69 -39.85)
- LCH
- lch(72.59 52.83 311)
- CMYK
- cmyk(15% 38% 0% 1%)
Tinten · Schaduwen · Tonen
Tinten
- D9A6FD
- DEB0FE
- E2BAFE
- E6C4FF
- EACEFF
- EED8FF
- F3E2FF
- F7ECFF
- FBF5FF
Schaduwen
- B987DB
- 9E73BB
- 835F9C
- 6A4C7E
- 513962
- 3A2847
- 24182D
- 100916
- 020103
Tonen
- CC9AEF
- C497E3
- BB95D6
- B292CA
- AA8FBD
- A18CB1
- 9989A5
- 918698
- 88838C
Kleurharmonieën
Complementair +180°
- D59CFC
Plasma Trail
- 98CA62
≈ Apple Orchard
Analoog -30° +30°
- D59CFC
Plasma Trail
- AAAFFF
≈ Shy Moment
- F591D4
≈ Bubblegum Kisses
Triadisch +120° +240°
- D59CFC
Plasma Trail
- F2A63F
≈ Acorn Squash
- 00D3CC
≈ Turquoise Panic
Gesplitst complementair +150° +210°
- D59CFC
Plasma Trail
- CDBA38
≈ Yellowstone
- 4FD499
≈ Van Gogh Green
Tetradisch +90° +180° +270°
- D59CFC
Plasma Trail
- FF9974
≈ Flash in the Pan
- 98CA62
≈ Apple Orchard
- 00CCF7
≈ Bright Sky Blue
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.10:1 · APCA Lc 41
Ag
AAAOp zwart
WCAG 9.99:1 · APCA Lc 61
Beste tekstkleur: #000000
WCAG 9.99:1 (AAA) · APCA Lc 61
Contrast pairs
Codefragmenten
CSS
:root {
--plasma-trail: #d59cfc;
--plasma-trail-rgb: 213 156 252;
--plasma-trail-oklch: oklch(0.781 0.145 310.6);
}
.element {
color: var(--plasma-trail);
background-color: hsl(276 94% 80%);
border-color: oklch(0.781 0.145 310.6);
}Tailwind CSS v4
@theme {
--color-plasma-trail: #d59cfc;
--color-plasma-trail-50: #ffeaff;
--color-plasma-trail-100: #f9dbff;
--color-plasma-trail-200: #eac3ff;
--color-plasma-trail-300: #d1a1ed;
--color-plasma-trail-400: #b984dd;
--color-plasma-trail-500: #a466cc;
--color-plasma-trail-600: #8b57ac;
--color-plasma-trail-700: #6f458a;
--color-plasma-trail-800: #513268;
--color-plasma-trail-900: #382249;
--color-plasma-trail-950: #231130;
}SCSS
$plasma-trail: #d59cfc;
$plasma-trail-rgb: 213, 156, 252;
$plasma-trail-light: mix(#fff, $plasma-trail, 20%);
$plasma-trail-dark: mix(#000, $plasma-trail, 20%);
.element {
color: $plasma-trail;
box-shadow: 0 0 0 2px rgba($plasma-trail, 0.35);
}