Dichtstbijzijnde benoemde kleur · #903EE6
#903EE6
Dichtstbijzijnde benoemde kleur: Sweet Desire
#903EE6 (rgb(144 62 230), hsl(269 77% 57%), oklch(0.561 0.237 301.2)) komt het dichtst bij de benoemde kleur Sweet Desire. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#903EE6
oklch(0.561 0.237 301.2)
Kleurconversies
- HEX
- #903ee6
- RGB
- rgb(144 62 230)
- HSL
- hsl(269 77% 57%)
- HWB
- hwb(269 24% 10%)
- OKLCH
- oklch(0.561 0.237 301.2)
- OKLab
- oklab(0.561 0.123 -0.203)
- CIE Lab
- lab(44.88 57.84 -72.21)
- LCH
- lch(44.88 92.52 308.7)
- CMYK
- cmyk(37% 73% 0% 10%)
Tinten · Schaduwen · Tonen
Tinten
- 9A57EA
- A46CEE
- AF80F2
- BA93F5
- C5A5F8
- D0B8FA
- DBC9FC
- E7DBFD
- F3EDFE
Schaduwen
- 7D35C8
- 6A2BAB
- 57238E
- 451A73
- 341259
- 240A40
- 150428
- 070113
- 010003
Tonen
- 8E4ADC
- 8C53D3
- 8A5BC9
- 8962BF
- 8768B5
- 856EAB
- 8473A1
- 837896
- 817C8B
Kleurharmonieën
Complementair +180°
- 903EE6
Sweet Desire
- 698000
≈ Jungle Vibes
Analoog -30° +30°
- 903EE6
Sweet Desire
- 495BFD
≈ Hooloovoo Blue
- BC1EB2
≈ Amora Purple
Triadisch +120° +240°
- 903EE6
Sweet Desire
- AA6000
≈ Raw Umber
- 008878
≈ Green Ink
Gesplitst complementair +150° +210°
- 903EE6
Sweet Desire
- 8E7100
≈ Vermin Brown
- 008C43
≈ Grass Court
Tetradisch +90° +180° +270°
- 903EE6
Sweet Desire
- D71E00
≈ Orko
- 698000
≈ Jungle Vibes
- 008495
≈ Painted Sea
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.22:1 · APCA Lc 75
Ag
FailOp zwart
WCAG 4.01:1 · APCA Lc 27
Beste tekstkleur: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 75
Contrast pairs
Codefragmenten
CSS
:root {
--sweet-desire: #903ee6;
--sweet-desire-rgb: 144 62 230;
--sweet-desire-oklch: oklch(0.561 0.237 301.2);
}
.element {
color: var(--sweet-desire);
background-color: hsl(269 77% 57%);
border-color: oklch(0.561 0.237 301.2);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #903ee6;
--color-sweet-desire-50: #ffe5ff;
--color-sweet-desire-100: #f8d5ff;
--color-sweet-desire-200: #e9baff;
--color-sweet-desire-300: #d195ff;
--color-sweet-desire-400: #b972ff;
--color-sweet-desire-500: #a549ff;
--color-sweet-desire-600: #8b3fdd;
--color-sweet-desire-700: #6f33b2;
--color-sweet-desire-800: #502487;
--color-sweet-desire-900: #38195f;
--color-sweet-desire-950: #230741;
}SCSS
$sweet-desire: #903ee6;
$sweet-desire-rgb: 144, 62, 230;
$sweet-desire-light: mix(#fff, $sweet-desire, 20%);
$sweet-desire-dark: mix(#000, $sweet-desire, 20%);
.element {
color: $sweet-desire;
box-shadow: 0 0 0 2px rgba($sweet-desire, 0.35);
}