En yakın adlandırılmış renk · #8D829D
#8D829D
En yakın adlandırılmış renk: Hatoba Pigeon
#8D829D (rgb(141 130 157), hsl(264 12% 56%), oklch(0.626 0.042 303.7)) en çok Hatoba Pigeon 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.
#8D829D
oklch(0.626 0.042 303.7)
Renk dönüşümleri
- HEX
- #8d829d
- RGB
- rgb(141 130 157)
- HSL
- hsl(264 12% 56%)
- HWB
- hwb(264 51% 38%)
- OKLCH
- oklch(0.626 0.042 303.7)
- OKLab
- oklab(0.626 0.023 -0.035)
- CIE Lab
- lab(56.06 8.37 -12.92)
- LCH
- lch(56.06 15.39 302.9)
- CMYK
- cmyk(10% 17% 0% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 988EA7
- A39AB0
- AEA6BA
- B9B2C3
- C4BFCD
- D0CBD7
- DCD8E1
- E7E5EB
- F3F2F5
Koyu tonlar
- 7A7088
- 675F73
- 554E5F
- 443E4C
- 332F3A
- 232028
- 141218
- 070609
- 010101
Gri tonlar
- 8C829A
- 8A8297
- 898294
- 888191
- 86818F
- 85818C
- 848189
- 838086
- 818083
Renk uyumları
Tamamlayıcı +180°
- 8D829D
Hatoba Pigeon
- 828C71
≈ Canaletto
Analog -30° +30°
- 8D829D
Hatoba Pigeon
- 7F87A2
≈ Velvet Curtain
- 987F93
≈ Amorous
Üçlü +120° +240°
- 8D829D
Hatoba Pigeon
- 9A836E
≈ Even Evan
- 6C908A
≈ Gumbo
Bölünmüş tamamlayıcı +150° +210°
- 8D829D
Hatoba Pigeon
- 90886B
≈ Wilderness
- 75907C
≈ Rainford
Dörtlü +90° +180° +270°
- 8D829D
Hatoba Pigeon
- A07F77
≈ Cougar
- 828C71
≈ Canaletto
- 6B8F97
≈ Baritone
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.61:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.81:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.81:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--hatoba-pigeon: #8d829d;
--hatoba-pigeon-rgb: 141 130 157;
--hatoba-pigeon-oklch: oklch(0.626 0.042 303.7);
}
.element {
color: var(--hatoba-pigeon);
background-color: hsl(264 12% 56%);
border-color: oklch(0.626 0.042 303.7);
}Tailwind CSS v4
@theme {
--color-hatoba-pigeon: #8d829d;
--color-hatoba-pigeon-50: #f8f2ff;
--color-hatoba-pigeon-100: #ebe5f3;
--color-hatoba-pigeon-200: #d8d0e3;
--color-hatoba-pigeon-300: #bcb2c9;
--color-hatoba-pigeon-400: #a399b3;
--color-hatoba-pigeon-500: #8c809d;
--color-hatoba-pigeon-600: #766c85;
--color-hatoba-pigeon-700: #5f566b;
--color-hatoba-pigeon-800: #453f4f;
--color-hatoba-pigeon-900: #302b37;
--color-hatoba-pigeon-950: #1c1922;
}SCSS
$hatoba-pigeon: #8d829d;
$hatoba-pigeon-rgb: 141, 130, 157;
$hatoba-pigeon-light: mix(#fff, $hatoba-pigeon, 20%);
$hatoba-pigeon-dark: mix(#000, $hatoba-pigeon, 20%);
.element {
color: $hatoba-pigeon;
box-shadow: 0 0 0 2px rgba($hatoba-pigeon, 0.35);
}