Nazwany kolor · #8F97A5
Trance
Trance to #8F97A5: rgb(143 151 165), hsl(218 11% 60%), oklch(0.674 0.023 261.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Trance color name →
#8F97A5
oklch(0.674 0.023 261.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9AA1AE
- A4ABB6
- AFB5BF
- BABFC8
- C6CAD1
- D1D4DA
- DCDFE3
- E8E9EC
- F3F4F6
Odcienie ciemniejsze
- 7C838F
- 696F79
- 575C65
- 454951
- 34373D
- 24262B
- 15171A
- 07080A
- 010101
Tony
- 8D95A1
- 8C929E
- 8A909A
- 898E96
- 878B92
- 86898F
- 84878B
- 838587
- 818284
Harmonie kolorów
Komplementarna +180°
- 8F97A5
Trance
- 9E9687
≈ Greywood
Analogowa -30° +30°
- 8F97A5
Trance
- 8999A2
≈ Thundercat
- 9694A4
≈ Ash Violet
Triada +120° +240°
- 8F97A5
Trance
- A49190
≈ Tribeca
- 8F9A8D
≈ Ceremonial Grey
Komplementarna rozszczepiona +150° +210°
- 8F97A5
Trance
- A3938A
≈ Middle-Earth
- 979888
≈ Deep Seagrass
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.94:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.13:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
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);
}