Benoemde kleur · #CD68E2
Sensual Fumes
Sensual Fumes is #CD68E2: rgb(205 104 226), hsl(290 68% 65%), oklch(0.681 0.198 320.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Purple mean? → · Sensual Fumes color name →
#CD68E2
oklch(0.681 0.198 320.5)
Kleurconversies
- HEX
- #cd68e2
- RGB
- rgb(205 104 226)
- HSL
- hsl(290 68% 65%)
- HWB
- hwb(290 41% 11%)
- OKLCH
- oklch(0.681 0.198 320.5)
- OKLab
- oklab(0.681 0.152 -0.126)
- CIE Lab
- lab(59.99 53.94 -45.26)
- LCH
- lch(59.99 70.41 320)
- CMYK
- cmyk(9% 54% 0% 11%)
Tinten · Schaduwen · Tonen
Tinten
- D379E6
- D889E9
- DE98ED
- E3A7F0
- E8B6F3
- EDC5F6
- F2D3F8
- F6E2FB
- FBF0FD
Schaduwen
- B259C4
- 984BA8
- 7E3E8C
- 663071
- 4E2457
- 38183E
- 230C27
- 0F0412
- 020003
Tonen
- C66CD8
- BE70CF
- B773C5
- AF76BB
- A778B1
- A07AA8
- 987C9E
- 907E94
- 887F8A
Kleurharmonieën
Complementair +180°
- CD68E2
Sensual Fumes
- 46B42D
≈ Try Your Luck
Analoog -30° +30°
- CD68E2
Sensual Fumes
- 9B80FF
≈ Periwinkle
- ED5AA9
≈ Fugitive Flamingo
Triadisch +120° +240°
- CD68E2
Sensual Fumes
- C58D00
≈ Festering Brown
- 00AEB5
≈ Mermaid Treasure
Gesplitst complementair +150° +210°
- CD68E2
Sensual Fumes
- 9EA000
≈ Fistfull of Green
- 00B38D
≈ Chromophobia Green
Tetradisch +90° +180° +270°
- CD68E2
Sensual Fumes
- EC7000
≈ Clementine
- 46B42D
≈ Try Your Luck
- 00A7DD
≈ Malibu Blue
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.14:1 · APCA Lc 58
Ag
AAOp zwart
WCAG 6.67:1 · APCA Lc 44
Beste tekstkleur: #000000
WCAG 6.67:1 (AA) · APCA Lc 44
Contrast pairs
Codefragmenten
CSS
:root {
--sensual-fumes: #cd68e2;
--sensual-fumes-rgb: 205 104 226;
--sensual-fumes-oklch: oklch(0.681 0.198 320.5);
}
.element {
color: var(--sensual-fumes);
background-color: hsl(290 68% 65%);
border-color: oklch(0.681 0.198 320.5);
}Tailwind CSS v4
@theme {
--color-sensual-fumes: #cd68e2;
--color-sensual-fumes-50: #ffe3ff;
--color-sensual-fumes-100: #ffd2ff;
--color-sensual-fumes-200: #fdb7ff;
--color-sensual-fumes-300: #e693f2;
--color-sensual-fumes-400: #d171e5;
--color-sensual-fumes-500: #bd4cd4;
--color-sensual-fumes-600: #a042b3;
--color-sensual-fumes-700: #803490;
--color-sensual-fumes-800: #5e256d;
--color-sensual-fumes-900: #42194d;
--color-sensual-fumes-950: #2a0933;
}SCSS
$sensual-fumes: #cd68e2;
$sensual-fumes-rgb: 205, 104, 226;
$sensual-fumes-light: mix(#fff, $sensual-fumes, 20%);
$sensual-fumes-dark: mix(#000, $sensual-fumes, 20%);
.element {
color: $sensual-fumes;
box-shadow: 0 0 0 2px rgba($sensual-fumes, 0.35);
}