En yakın adlandırılmış renk · #837FB9
#837FB9
En yakın adlandırılmış renk: Aster
#837FB9 (rgb(131 127 185), hsl(244 29% 61%), oklch(0.623 0.087 286.7)) en çok Aster 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.
#837FB9
oklch(0.623 0.087 286.7)
Renk dönüşümleri
- HEX
- #837fb9
- RGB
- rgb(131 127 185)
- HSL
- hsl(244 29% 61%)
- HWB
- hwb(244 50% 27%)
- OKLCH
- oklch(0.623 0.087 286.7)
- OKLab
- oklab(0.623 0.025 -0.083)
- CIE Lab
- lab(55.28 11.62 -30.21)
- LCH
- lch(55.28 32.37 291)
- CMYK
- cmyk(29% 31% 0% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8E8BC0
- 9A98C7
- A6A4CF
- B2B1D6
- BFBEDD
- CBCBE4
- D8D8EB
- E5E5F1
- F2F2F8
Koyu tonlar
- 716EA0
- 605D89
- 4F4C71
- 3F3C5B
- 2F2D46
- 201F31
- 12111E
- 06060D
- 010102
Gri tonlar
- 837FB3
- 8280AE
- 8280A8
- 8180A3
- 81809D
- 818097
- 818092
- 80808C
- 808086
Renk uyumları
Tamamlayıcı +180°
- 837FB9
Aster
- 8D8B4A
≈ Warm Wetlands
Analog -30° +30°
- 837FB9
Aster
- 6589BB
≈ Faded Blue
- 9C77AA
≈ Karma Chameleon
Üçlü +120° +240°
- 837FB9
Aster
- B27659
≈ Apricot Mix
- 4D987C
≈ Greenway
Bölünmüş tamamlayıcı +150° +210°
- 837FB9
Aster
- A58048
≈ Caramel Suede
- 6E935F
≈ Wakatake Green
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.68:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.70:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.70:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--aster: #837fb9;
--aster-rgb: 131 127 185;
--aster-oklch: oklch(0.623 0.087 286.7);
}
.element {
color: var(--aster);
background-color: hsl(244 29% 61%);
border-color: oklch(0.623 0.087 286.7);
}Tailwind CSS v4
@theme {
--color-aster: #837fb9;
--color-aster-50: #f4f2ff;
--color-aster-100: #e6e4ff;
--color-aster-200: #d2cff8;
--color-aster-300: #b5b1e2;
--color-aster-400: #9a97d0;
--color-aster-500: #827dbd;
--color-aster-600: #6e6a9f;
--color-aster-700: #585580;
--color-aster-800: #3f3e5f;
--color-aster-900: #2b2b43;
--color-aster-950: #19182b;
}SCSS
$aster: #837fb9;
$aster-rgb: 131, 127, 185;
$aster-light: mix(#fff, $aster, 20%);
$aster-dark: mix(#000, $aster, 20%);
.element {
color: $aster;
box-shadow: 0 0 0 2px rgba($aster, 0.35);
}