Dichtstbijzijnde benoemde kleur · #C383D4
#C383D4
Dichtstbijzijnde benoemde kleur: Wisteria
#C383D4 (rgb(195 131 212), hsl(287 49% 67%), oklch(0.704 0.134 319)) komt het dichtst bij de benoemde kleur Wisteria. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C383D4
oklch(0.704 0.134 319)
Kleurconversies
- HEX
- #c383d4
- RGB
- rgb(195 131 212)
- HSL
- hsl(287 49% 67%)
- HWB
- hwb(287 51% 17%)
- OKLCH
- oklch(0.704 0.134 319)
- OKLab
- oklab(0.704 0.101 -0.088)
- CIE Lab
- lab(63.68 35.46 -31.85)
- LCH
- lch(63.68 47.66 318.1)
- CMYK
- cmyk(8% 38% 0% 17%)
Tinten · Schaduwen · Tonen
Tinten
- C990D9
- CF9CDD
- D6A8E2
- DCB5E6
- E2C1EB
- E8CDEF
- EEDAF3
- F3E6F7
- F9F3FB
Schaduwen
- A971B8
- 90609D
- 784F83
- 603F69
- 4A2F51
- 34203A
- 201224
- 0E0610
- 020102
Tonen
- BC83CC
- B683C3
- AF83BB
- A883B2
- A283AA
- 9B83A2
- 948299
- 8E8191
- 878188
Kleurharmonieën
Complementair +180°
- C383D4
Wisteria
- 72B360
≈ Palm Tree
Analoog -30° +30°
- C383D4
Wisteria
- 9D90ED
≈ Perrywinkle
- DC7BAD
≈ Pinking. Fast and Slow
Triadisch +120° +240°
- C383D4
Wisteria
- CC9428
≈ Golden Pheasant
- 00B5BC
≈ Cyan Sky
Gesplitst complementair +150° +210°
- C383D4
Wisteria
- A6A633
≈ Mikado Green
- 23BA91
≈ Mountain Meadow
Tetradisch +90° +180° +270°
- C383D4
Wisteria
- E1844F
≈ Schnipo
- 72B360
≈ Palm Tree
- 1CAEE1
≈ Royal Peacock
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.79:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.51:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--wisteria: #c383d4;
--wisteria-rgb: 195 131 212;
--wisteria-oklch: oklch(0.704 0.134 319);
}
.element {
color: var(--wisteria);
background-color: hsl(287 49% 67%);
border-color: oklch(0.704 0.134 319);
}Tailwind CSS v4
@theme {
--color-wisteria: #c383d4;
--color-wisteria-50: #ffe9ff;
--color-wisteria-100: #fddaff;
--color-wisteria-200: #efc2f7;
--color-wisteria-300: #d7a1e1;
--color-wisteria-400: #c084d0;
--color-wisteria-500: #ab66be;
--color-wisteria-600: #9157a0;
--color-wisteria-700: #744580;
--color-wisteria-800: #553261;
--color-wisteria-900: #3b2244;
--color-wisteria-950: #25112c;
}SCSS
$wisteria: #c383d4;
$wisteria-rgb: 195, 131, 212;
$wisteria-light: mix(#fff, $wisteria, 20%);
$wisteria-dark: mix(#000, $wisteria, 20%);
.element {
color: $wisteria;
box-shadow: 0 0 0 2px rgba($wisteria, 0.35);
}