Warna bernama · #8F97A5
Trance
Trance adalah #8F97A5: rgb(143 151 165), hsl(218 11% 60%), oklch(0.674 0.023 261.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Trance color name →
#8F97A5
oklch(0.674 0.023 261.7)
Konversi warna
- HEX
- #8f97a5
- RGB
- rgb(143 151 165)
- HSL
- hsl(218 11% 60%)
- HWB
- hwb(218 56% 35%)
- OKLCH
- oklch(0.674 0.023 261.7)
- OKLab
- oklab(0.674 -0.003 -0.022)
- CIE Lab
- lab(62.15 -0.78 -8.41)
- LCH
- lch(62.15 8.45 264.7)
- CMYK
- cmyk(13% 8% 0% 35%)
Tint · Shade · Tone
Tint
- 9AA1AE
- A4ABB6
- AFB5BF
- BABFC8
- C6CAD1
- D1D4DA
- DCDFE3
- E8E9EC
- F3F4F6
Shade
- 7C838F
- 696F79
- 575C65
- 454951
- 34373D
- 24262B
- 15171A
- 07080A
- 010101
Tone
- 8D95A1
- 8C929E
- 8A909A
- 898E96
- 878B92
- 86898F
- 84878B
- 838587
- 818284
Harmoni warna
Komplementer +180°
- 8F97A5
Trance
- 9E9687
≈ Greywood
Analog -30° +30°
- 8F97A5
Trance
- 8999A2
≈ Thundercat
- 9694A4
≈ Ash Violet
Triadik +120° +240°
- 8F97A5
Trance
- A49190
≈ Tribeca
- 8F9A8D
≈ Ceremonial Grey
Split-komplementer +150° +210°
- 8F97A5
Trance
- A3938A
≈ Middle-Earth
- 979888
≈ Deep Seagrass
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.94:1 · APCA Lc 56
Ag
AAADi atas hitam
WCAG 7.13:1 · APCA Lc 46
Warna teks terbaik: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
Cuplikan kode
CSS
:root {
--trance: #8f97a5;
--trance-rgb: 143 151 165;
--trance-oklch: oklch(0.674 0.023 261.7);
}
.element {
color: var(--trance);
background-color: hsl(218 11% 60%);
border-color: oklch(0.674 0.023 261.7);
}Tailwind CSS v4
@theme {
--color-trance: #8f97a5;
--color-trance-50: #f2f5fc;
--color-trance-100: #e4e8f0;
--color-trance-200: #cfd4de;
--color-trance-300: #b1b8c3;
--color-trance-400: #979fac;
--color-trance-500: #7e8796;
--color-trance-600: #6b727f;
--color-trance-700: #555b65;
--color-trance-800: #3e434a;
--color-trance-900: #2a2e34;
--color-trance-950: #181b1f;
}SCSS
$trance: #8f97a5;
$trance-rgb: 143, 151, 165;
$trance-light: mix(#fff, $trance, 20%);
$trance-dark: mix(#000, $trance, 20%);
.element {
color: $trance;
box-shadow: 0 0 0 2px rgba($trance, 0.35);
}