Warna bernama · #848E8A
Beguile
Beguile adalah #848E8A: rgb(132 142 138), hsl(156 4% 54%), oklch(0.637 0.013 170). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Beguile color name →
#848E8A
oklch(0.637 0.013 170)
Konversi warna
- HEX
- #848e8a
- RGB
- rgb(132 142 138)
- HSL
- hsl(156 4% 54%)
- HWB
- hwb(156 52% 44%)
- OKLCH
- oklch(0.637 0.013 170)
- OKLab
- oklab(0.637 -0.013 0.002)
- CIE Lab
- lab(58.1 -4.38 0.82)
- LCH
- lch(58.1 4.45 169.4)
- CMYK
- cmyk(7% 0% 3% 44%)
Tint · Shade · Tone
Tint
- 909995
- 9BA4A0
- A7AFAC
- B3BAB7
- C0C5C3
- CCD0CF
- D9DCDB
- E5E7E7
- F2F3F3
Shade
- 727B77
- 606865
- 4F5653
- 3F4442
- 2F3432
- 202422
- 121514
- 060707
- 010101
Tone
- 848D89
- 838B88
- 838A87
- 828886
- 828785
- 828684
- 818483
- 818382
- 808181
Harmoni warna
Komplementer +180°
- 848E8A
Beguile
- 92888C
≈ Stone Haze
Analog -30° +30°
- 848E8A
Beguile
- 878D86
≈ Valley Floor
- 838E8E
≈ Beguile
Triadik +120° +240°
- 848E8A
Beguile
- 8B8A93
≈ Sleet
- 928984
≈ Gunmetal Beige
Split-komplementer +150° +210°
- 848E8A
Beguile
- 8F8990
≈ Gris Morado
- 938888
≈ Storm Break
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.37:1 · APCA Lc 61
Ag
AADi atas hitam
WCAG 6.21:1 · APCA Lc 40
Warna teks terbaik: #000000
WCAG 6.21:1 (AA) · APCA Lc 40
Contrast pairs
Cuplikan kode
CSS
:root {
--beguile: #848e8a;
--beguile-rgb: 132 142 138;
--beguile-oklch: oklch(0.637 0.013 170);
}
.element {
color: var(--beguile);
background-color: hsl(156 4% 54%);
border-color: oklch(0.637 0.013 170);
}Tailwind CSS v4
@theme {
--color-beguile: #848e8a;
--color-beguile-50: #f2f6f5;
--color-beguile-100: #e4e9e7;
--color-beguile-200: #cfd6d3;
--color-beguile-300: #b1bab6;
--color-beguile-400: #97a19d;
--color-beguile-500: #7e8985;
--color-beguile-600: #6b7470;
--color-beguile-700: #555d5a;
--color-beguile-800: #3e4441;
--color-beguile-900: #2b2f2d;
--color-beguile-950: #181b1a;
}SCSS
$beguile: #848e8a;
$beguile-rgb: 132, 142, 138;
$beguile-light: mix(#fff, $beguile, 20%);
$beguile-dark: mix(#000, $beguile, 20%);
.element {
color: $beguile;
box-shadow: 0 0 0 2px rgba($beguile, 0.35);
}