Dichtstbijzijnde benoemde kleur · #7B5FA3
#7B5FA3
Dichtstbijzijnde benoemde kleur: Scampi
#7B5FA3 (rgb(123 95 163), hsl(265 27% 51%), oklch(0.542 0.107 301.9)) komt het dichtst bij de benoemde kleur Scampi. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#7B5FA3
oklch(0.542 0.107 301.9)
Kleurconversies
- HEX
- #7b5fa3
- RGB
- rgb(123 95 163)
- HSL
- hsl(265 27% 51%)
- HWB
- hwb(265 37% 36%)
- OKLCH
- oklch(0.542 0.107 301.9)
- OKLab
- oklab(0.542 0.057 -0.091)
- CIE Lab
- lab(45.4 22.59 -32.87)
- LCH
- lch(45.4 39.88 304.5)
- CMYK
- cmyk(25% 42% 0% 36%)
Tinten · Schaduwen · Tonen
Tinten
- 876EAC
- 947EB6
- A08DBF
- AD9DC9
- BBADD2
- C8BDDB
- D5CDE4
- E3DEED
- F1EEF6
Schaduwen
- 6A528D
- 5A4478
- 4A3863
- 3A2C4F
- 2C203C
- 1E152A
- 100A19
- 05030A
- 010001
Tonen
- 7B63A0
- 7C669D
- 7C6A99
- 7D6D96
- 7D7093
- 7E748F
- 7E778B
- 7F7A88
- 7F7D84
Kleurharmonieën
Complementair +180°
- 7B5FA3
Scampi
- 657929
≈ Castelvetrano Olive
Analoog -30° +30°
- 7B5FA3
Scampi
- 5A6AAE
≈ Evening Lagoon
- 93568B
≈ Àn Zǐ Purple
Triadisch +120° +240°
Gesplitst complementair +150° +210°
- 7B5FA3
Scampi
- 866C0C
≈ Muddy Brown
- 37814F
≈ Monster Monstera
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.23:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 4.00:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--scampi: #7b5fa3;
--scampi-rgb: 123 95 163;
--scampi-oklch: oklch(0.542 0.107 301.9);
}
.element {
color: var(--scampi);
background-color: hsl(265 27% 51%);
border-color: oklch(0.542 0.107 301.9);
}Tailwind CSS v4
@theme {
--color-scampi: #7b5fa3;
--color-scampi-50: #fceeff;
--color-scampi-100: #efe0ff;
--color-scampi-200: #decafa;
--color-scampi-300: #c3aae5;
--color-scampi-400: #aa8fd3;
--color-scampi-500: #9374c1;
--color-scampi-600: #7d62a3;
--color-scampi-700: #644f83;
--color-scampi-800: #483962;
--color-scampi-900: #322745;
--color-scampi-950: #1e152c;
}SCSS
$scampi: #7b5fa3;
$scampi-rgb: 123, 95, 163;
$scampi-light: mix(#fff, $scampi, 20%);
$scampi-dark: mix(#000, $scampi, 20%);
.element {
color: $scampi;
box-shadow: 0 0 0 2px rgba($scampi, 0.35);
}