Dichtstbijzijnde benoemde kleur · #6C6796
#6C6796
Dichtstbijzijnde benoemde kleur: Scampi
#6C6796 (rgb(108 103 150), hsl(246 19% 50%), oklch(0.537 0.073 288.6)) komt het dichtst bij de benoemde kleur Scampi. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#6C6796
oklch(0.537 0.073 288.6)
Kleurconversies
- HEX
- #6c6796
- RGB
- rgb(108 103 150)
- HSL
- hsl(246 19% 50%)
- HWB
- hwb(246 40% 41%)
- OKLCH
- oklch(0.537 0.073 288.6)
- OKLab
- oklab(0.537 0.023 -0.069)
- CIE Lab
- lab(45.51 10.35 -25.17)
- LCH
- lch(45.51 27.22 292.4)
- CMYK
- cmyk(28% 31% 0% 41%)
Tinten · Schaduwen · Tonen
Tinten
- 7975A0
- 8784AB
- 9593B5
- A4A1C0
- B2B1CA
- C1C0D5
- D0CFDF
- E0DFEA
- EFEFF4
Schaduwen
- 5D5982
- 4E4B6E
- 403D5B
- 323049
- 252337
- 191726
- 0D0C16
- 040408
- 000001
Tonen
- 6E6A94
- 706C92
- 726F90
- 74718E
- 76748C
- 787689
- 7A7987
- 7C7B85
- 7E7E82
Kleurharmonieën
Complementair +180°
- 6C6796
Scampi
- 71713D
≈ Relentless Olive
Analoog -30° +30°
- 6C6796
Scampi
- 546F98
≈ Riverside
- 806089
≈ Dusty Purple
Triadisch +120° +240°
- 6C6796
Scampi
- 916148
≈ Weathered Leather
- 3E7C66
≈ Leaping Lizard
Gesplitst complementair +150° +210°
- 6C6796
Scampi
- 85693B
≈ Shaker Peg
- 58784F
≈ Torrey Pine
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.22:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 4.01:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--scampi: #6c6796;
--scampi-rgb: 108 103 150;
--scampi-oklch: oklch(0.537 0.073 288.6);
}
.element {
color: var(--scampi);
background-color: hsl(246 19% 50%);
border-color: oklch(0.537 0.073 288.6);
}Tailwind CSS v4
@theme {
--color-scampi: #6c6796;
--color-scampi-50: #f4f2ff;
--color-scampi-100: #e7e4ff;
--color-scampi-200: #d3cff2;
--color-scampi-300: #b7b2db;
--color-scampi-400: #9c98c8;
--color-scampi-500: #847eb4;
--color-scampi-600: #706b98;
--color-scampi-700: #59567a;
--color-scampi-800: #403f5b;
--color-scampi-900: #2c2b3f;
--color-scampi-950: #191828;
}SCSS
$scampi: #6c6796;
$scampi-rgb: 108, 103, 150;
$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);
}