Dichtstbijzijnde benoemde kleur · #903AE6
#903AE6
Dichtstbijzijnde benoemde kleur: Violet
#903AE6 (rgb(144 58 230), hsl(270 77% 56%), oklch(0.557 0.242 301.5)) komt het dichtst bij de benoemde kleur Violet. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#903AE6
oklch(0.557 0.242 301.5)
Kleurconversies
- HEX
- #903ae6
- RGB
- rgb(144 58 230)
- HSL
- hsl(270 77% 56%)
- HWB
- hwb(270 23% 10%)
- OKLCH
- oklch(0.557 0.242 301.5)
- OKLab
- oklab(0.557 0.126 -0.206)
- CIE Lab
- lab(44.28 59.46 -73.18)
- LCH
- lch(44.28 94.29 309.1)
- CMYK
- cmyk(37% 75% 0% 10%)
Tinten · Schaduwen · Tonen
Tinten
- 9A54EA
- A46AEE
- AF7EF2
- BA92F5
- C5A4F8
- D0B7FA
- DBC9FC
- E7DBFD
- F3EDFE
Schaduwen
- 7D31C8
- 6A28AB
- 57208E
- 451873
- 341059
- 240940
- 150428
- 070113
- 010003
Tonen
- 8E47DC
- 8C51D3
- 8A59C9
- 8961BF
- 8767B5
- 856DAB
- 8472A1
- 837796
- 817C8B
Kleurharmonieën
Complementair +180°
- 903AE6
Violet
- 687F00
≈ Jungle Vibes
Analoog -30° +30°
- 903AE6
Violet
- 4959FD
≈ Hooloovoo Blue
- BC16B1
≈ Punk Rock Purple
Triadisch +120° +240°
- 903AE6
Violet
- A85F00
≈ Raw Umber
- 008678
≈ Mystic Turquoise
Gesplitst complementair +150° +210°
- 903AE6
Violet
- 8C7000
≈ Vermin Brown
- 008B44
≈ Grass Court
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.33:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 3.93:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.33:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--violet: #903ae6;
--violet-rgb: 144 58 230;
--violet-oklch: oklch(0.557 0.242 301.5);
}
.element {
color: var(--violet);
background-color: hsl(270 77% 56%);
border-color: oklch(0.557 0.242 301.5);
}Tailwind CSS v4
@theme {
--color-violet: #903ae6;
--color-violet-50: #ffe5ff;
--color-violet-100: #f9d4ff;
--color-violet-200: #eab9ff;
--color-violet-300: #d294ff;
--color-violet-400: #ba71ff;
--color-violet-500: #a646ff;
--color-violet-600: #8c3dde;
--color-violet-700: #7031b3;
--color-violet-800: #512388;
--color-violet-900: #381860;
--color-violet-950: #230642;
}SCSS
$violet: #903ae6;
$violet-rgb: 144, 58, 230;
$violet-light: mix(#fff, $violet, 20%);
$violet-dark: mix(#000, $violet, 20%);
.element {
color: $violet;
box-shadow: 0 0 0 2px rgba($violet, 0.35);
}