Warna bernama terdekat · #806DA7
#806DA7
Warna bernama terdekat: Scampi
#806DA7 (rgb(128 109 167), hsl(260 25% 54%), oklch(0.576 0.09 298.6)) paling mendekati warna bernama Scampi. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#806DA7
oklch(0.576 0.09 298.6)
Konversi warna
- HEX
- #806da7
- RGB
- rgb(128 109 167)
- HSL
- hsl(260 25% 54%)
- HWB
- hwb(260 43% 35%)
- OKLCH
- oklch(0.576 0.09 298.6)
- OKLab
- oklab(0.576 0.043 -0.079)
- CIE Lab
- lab(49.63 17.14 -28.61)
- LCH
- lch(49.63 33.35 300.9)
- CMYK
- cmyk(23% 35% 0% 35%)
Tint · Shade · Tone
Tint
- 8C7BB0
- 9889B9
- A497C2
- B1A6CB
- BDB4D3
- CAC3DC
- D7D2E5
- E4E1EE
- F2F0F6
Shade
- 6E5E91
- 5D4F7B
- 4D4166
- 3D3352
- 2E263E
- 1F192C
- 120D1A
- 06040A
- 010101
Tone
- 806FA3
- 8071A0
- 80739C
- 807598
- 807794
- 807990
- 807B8C
- 807D88
- 807E84
Harmoni warna
Komplementer +180°
- 806DA7
Scampi
- 748040
≈ Thai Basil
Analog -30° +30°
- 806DA7
Scampi
- 6377AE
≈ Sudden Sapphire
- 966593
≈ Tulipan Violet
Triadik +120° +240°
- 806DA7
Scampi
- A06B40
≈ Desert Clay
- 2E8A7A
≈ Ionian
Split-komplementer +150° +210°
- 806DA7
Scampi
- 8F7634
≈ Banyan Tree
- 52885B
≈ Emerald Ring
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 4.50:1 · APCA Lc 71
Ag
AADi atas hitam
WCAG 4.66:1 · APCA Lc 30
Warna teks terbaik: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Cuplikan kode
CSS
:root {
--scampi: #806da7;
--scampi-rgb: 128 109 167;
--scampi-oklch: oklch(0.576 0.09 298.6);
}
.element {
color: var(--scampi);
background-color: hsl(260 25% 54%);
border-color: oklch(0.576 0.09 298.6);
}Tailwind CSS v4
@theme {
--color-scampi: #806da7;
--color-scampi-50: #f9f0ff;
--color-scampi-100: #ece2ff;
--color-scampi-200: #daccf5;
--color-scampi-300: #bfaddf;
--color-scampi-400: #a593cd;
--color-scampi-500: #8e79ba;
--color-scampi-600: #78669d;
--color-scampi-700: #60527e;
--color-scampi-800: #453c5e;
--color-scampi-900: #302942;
--color-scampi-950: #1c172a;
}SCSS
$scampi: #806da7;
$scampi-rgb: 128, 109, 167;
$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);
}