Dichtstbijzijnde benoemde kleur · #983DBF
#983DBF
Dichtstbijzijnde benoemde kleur: Dreamscape Purple
#983DBF (rgb(152 61 191), hsl(282 52% 49%), oklch(0.542 0.202 313.9)) komt het dichtst bij de benoemde kleur Dreamscape Purple. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#983DBF
oklch(0.542 0.202 313.9)
Kleurconversies
- HEX
- #983dbf
- RGB
- rgb(152 61 191)
- HSL
- hsl(282 52% 49%)
- HWB
- hwb(282 24% 25%)
- OKLCH
- oklch(0.542 0.202 313.9)
- OKLab
- oklab(0.542 0.14 -0.146)
- CIE Lab
- lab(43.49 53.4 -52.01)
- LCH
- lch(43.49 74.54 315.8)
- CMYK
- cmyk(20% 68% 0% 25%)
Tinten · Schaduwen · Tonen
Tinten
- A254C6
- AD68CE
- B77CD5
- C28FDB
- CCA1E2
- D6B4E8
- E0C7EE
- EBD9F4
- F5ECFA
Schaduwen
- 8434A6
- 702B8D
- 5C2275
- 4A1A5E
- 381248
- 270A33
- 17041F
- 08010D
- 010002
Tonen
- 9647B9
- 9450B3
- 9257AE
- 8F5EA7
- 8D65A1
- 8B6B9B
- 887195
- 86768E
- 837B87
Kleurharmonieën
Complementair +180°
- 983DBF
Dreamscape Purple
- 468100
≈ Green People
Analoog -30° +30°
- 983DBF
Dreamscape Purple
- 6753DE
≈ Majorelle Blue
- B8288C
≈ Loulou’s Purple
Triadisch +120° +240°
- 983DBF
Dreamscape Purple
- 966300
≈ Raw Sienna
- 00807F
≈ Teal
Gesplitst complementair +150° +210°
- 983DBF
Dreamscape Purple
- 7B7200
≈ Sunlit Kelp Green
- 00845D
≈ Spectral Green
Tetradisch +90° +180° +270°
- 983DBF
Dreamscape Purple
- B64800
≈ Beef Bourguignon
- 468100
≈ Green People
- 007B9B
≈ Sea Sight
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.59:1 · APCA Lc 77
Ag
FailOp zwart
WCAG 3.75:1 · APCA Lc 25
Beste tekstkleur: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 77
Contrast pairs
Codefragmenten
CSS
:root {
--dreamscape-purple: #983dbf;
--dreamscape-purple-rgb: 152 61 191;
--dreamscape-purple-oklch: oklch(0.542 0.202 313.9);
}
.element {
color: var(--dreamscape-purple);
background-color: hsl(282 52% 49%);
border-color: oklch(0.542 0.202 313.9);
}Tailwind CSS v4
@theme {
--color-dreamscape-purple: #983dbf;
--color-dreamscape-purple-50: #ffe4ff;
--color-dreamscape-purple-100: #ffd4ff;
--color-dreamscape-purple-200: #f6b9ff;
--color-dreamscape-purple-300: #df95fd;
--color-dreamscape-purple-400: #c974f0;
--color-dreamscape-purple-500: #b54fe1;
--color-dreamscape-purple-600: #9944be;
--color-dreamscape-purple-700: #7a3699;
--color-dreamscape-purple-800: #592774;
--color-dreamscape-purple-900: #3e1a52;
--color-dreamscape-purple-950: #270937;
}SCSS
$dreamscape-purple: #983dbf;
$dreamscape-purple-rgb: 152, 61, 191;
$dreamscape-purple-light: mix(#fff, $dreamscape-purple, 20%);
$dreamscape-purple-dark: mix(#000, $dreamscape-purple, 20%);
.element {
color: $dreamscape-purple;
box-shadow: 0 0 0 2px rgba($dreamscape-purple, 0.35);
}