En yakın adlandırılmış renk · #75669B
#75669B
En yakın adlandırılmış renk: Scampi
#75669B (rgb(117 102 155), hsl(257 21% 50%), oklch(0.546 0.083 296.6)) en çok Scampi adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#75669B
oklch(0.546 0.083 296.6)
Renk dönüşümleri
- HEX
- #75669b
- RGB
- rgb(117 102 155)
- HSL
- hsl(257 21% 50%)
- HWB
- hwb(257 40% 39%)
- OKLCH
- oklch(0.546 0.083 296.6)
- OKLab
- oklab(0.546 0.037 -0.074)
- CIE Lab
- lab(46.27 15.02 -26.87)
- LCH
- lch(46.27 30.78 299.2)
- CMYK
- cmyk(25% 34% 0% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8274A5
- 8F83AF
- 9C92B9
- A9A1C3
- B7B0CD
- C5C0D7
- D3CFE1
- E2DFEB
- F0EFF5
Koyu tonlar
- 655886
- 554A72
- 463C5E
- 372F4B
- 292339
- 1C1728
- 0F0C18
- 050409
- 010001
Gri tonlar
- 766999
- 776C96
- 786E94
- 797191
- 7A748E
- 7B768C
- 7C7989
- 7E7B86
- 7F7E83
Renk uyumları
Tamamlayıcı +180°
- 75669B
Scampi
- 6D773C
≈ Swamp Shrub
Analog -30° +30°
- 75669B
Scampi
- 5A6FA1
≈ Splendour and Pride
- 8A5F8A
≈ Candy Violet
Üçlü +120° +240°
- 75669B
Scampi
- 95633E
≈ Ash Brown
- 2F806F
≈ Green Belt
Bölünmüş tamamlayıcı +150° +210°
- 75669B
Scampi
- 856D33
≈ Aged Antics
- 4F7D53
≈ Melbourne
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.08:1 · APCA Lc 75
Ag
FailSiyah üzerinde
WCAG 4.13:1 · APCA Lc 27
En iyi metin rengi: #FFFFFF
WCAG 5.08:1 (AA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--scampi: #75669b;
--scampi-rgb: 117 102 155;
--scampi-oklch: oklch(0.546 0.083 296.6);
}
.element {
color: var(--scampi);
background-color: hsl(257 21% 50%);
border-color: oklch(0.546 0.083 296.6);
}Tailwind CSS v4
@theme {
--color-scampi: #75669b;
--color-scampi-50: #f8f1ff;
--color-scampi-100: #ebe2ff;
--color-scampi-200: #d8cdf4;
--color-scampi-300: #bcafdd;
--color-scampi-400: #a395ca;
--color-scampi-500: #8b7bb7;
--color-scampi-600: #76689a;
--color-scampi-700: #5e537c;
--color-scampi-800: #443d5c;
--color-scampi-900: #2f2a41;
--color-scampi-950: #1c1729;
}SCSS
$scampi: #75669b;
$scampi-rgb: 117, 102, 155;
$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);
}