En yakın adlandırılmış renk · #806E88
#806E88
En yakın adlandırılmış renk: Vintage
#806E88 (rgb(128 110 136), hsl(282 11% 48%), oklch(0.564 0.045 315.4)) en çok Vintage 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.
#806E88
oklch(0.564 0.045 315.4)
Renk dönüşümleri
- HEX
- #806e88
- RGB
- rgb(128 110 136)
- HSL
- hsl(282 11% 48%)
- HWB
- hwb(282 43% 47%)
- OKLCH
- oklch(0.564 0.045 315.4)
- OKLab
- oklab(0.564 0.032 -0.031)
- CIE Lab
- lab(48.85 11.12 -11.62)
- LCH
- lch(48.85 16.08 313.7)
- CMYK
- cmyk(6% 19% 0% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8C7C93
- 98899F
- A597AA
- B1A6B6
- BEB4C2
- CAC3CE
- D7D1DA
- E4E0E6
- F2F0F3
Koyu tonlar
- 6E5F75
- 5D5063
- 4D4152
- 3D3341
- 2E2631
- 1F1922
- 120E13
- 060406
- 010101
Gri tonlar
- 807087
- 807287
- 807386
- 807585
- 807784
- 807983
- 807B83
- 807C82
- 807E81
Renk uyumları
Tamamlayıcı +180°
- 806E88
Vintage
- 6A7C62
≈ Emerald City
Analog -30° +30°
- 806E88
Vintage
- 73728F
≈ Stormy Mauve
- 8A6B7C
≈ Raw Garnet Viola
Üçlü +120° +240°
- 806E88
Vintage
- 857258
≈ Tantanmen Brown
- 567E7E
≈ Nickel Ore Green
Bölünmüş tamamlayıcı +150° +210°
- 806E88
Vintage
- 797859
≈ Kokoda
- 5D7E6F
≈ Fuchsite Green
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.66:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.50:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--vintage: #806e88;
--vintage-rgb: 128 110 136;
--vintage-oklch: oklch(0.564 0.045 315.4);
}
.element {
color: var(--vintage);
background-color: hsl(282 11% 48%);
border-color: oklch(0.564 0.045 315.4);
}Tailwind CSS v4
@theme {
--color-vintage: #806e88;
--color-vintage-50: #fbf1fe;
--color-vintage-100: #eee4f2;
--color-vintage-200: #dccfe1;
--color-vintage-300: #c1b1c7;
--color-vintage-400: #a997b1;
--color-vintage-500: #927e9b;
--color-vintage-600: #7b6a83;
--color-vintage-700: #635569;
--color-vintage-800: #483e4e;
--color-vintage-900: #322b36;
--color-vintage-950: #1e1821;
}SCSS
$vintage: #806e88;
$vintage-rgb: 128, 110, 136;
$vintage-light: mix(#fff, $vintage, 20%);
$vintage-dark: mix(#000, $vintage, 20%);
.element {
color: $vintage;
box-shadow: 0 0 0 2px rgba($vintage, 0.35);
}