Nazwany kolor · #8C92AC
Sephiroth Grey
Sephiroth Grey to #8C92AC: rgb(140 146 172), hsl(229 16% 61%), oklch(0.664 0.039 275). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Sephiroth Grey color name →
#8C92AC
oklch(0.664 0.039 275)
Konwersje koloru
- HEX
- #8c92ac
- RGB
- rgb(140 146 172)
- HSL
- hsl(229 16% 61%)
- HWB
- hwb(229 55% 33%)
- OKLCH
- oklch(0.664 0.039 275)
- OKLab
- oklab(0.664 0.003 -0.039)
- CIE Lab
- lab(60.73 1.97 -14.49)
- LCH
- lch(60.73 14.62 277.7)
- CMYK
- cmyk(19% 15% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 979CB4
- A2A7BC
- ADB2C5
- B8BCCD
- C4C7D5
- CFD2DD
- DBDDE6
- E7E8EE
- F3F4F7
Odcienie ciemniejsze
- 797E95
- 676B7F
- 555869
- 434654
- 333540
- 23252D
- 14161B
- 07080B
- 010101
Tony
- 8B90A8
- 8A8EA3
- 888D9F
- 878B9A
- 868996
- 858792
- 84858D
- 828489
- 818284
Harmonie kolorów
Komplementarna +180°
- 8C92AC
Sephiroth Grey
- 9B9479
≈ Lye
Analogowa -30° +30°
- 8C92AC
Sephiroth Grey
- 8096AA
≈ Nordland Blue
- 998EA7
≈ Futuristic
Triada +120° +240°
- 8C92AC
Sephiroth Grey
- AA8B83
≈ Forest Trail
- 819B89
≈ Seiji Green
Komplementarna rozszczepiona +150° +210°
- 8C92AC
Sephiroth Grey
- A58F7B
≈ Utaupeia
- 8E987E
≈ Veranda Green
Tetrada +90° +180° +270°
- 8C92AC
Sephiroth Grey
- A98A90
≈ Coffee Rose
- 9B9479
≈ Lye
- 799C96
≈ Avalon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.07:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.82:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.82:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--sephiroth-grey: #8c92ac;
--sephiroth-grey-rgb: 140 146 172;
--sephiroth-grey-oklch: oklch(0.664 0.039 275);
}
.element {
color: var(--sephiroth-grey);
background-color: hsl(229 16% 61%);
border-color: oklch(0.664 0.039 275);
}Tailwind CSS v4
@theme {
--color-sephiroth-grey: #8c92ac;
--color-sephiroth-grey-50: #f2f4ff;
--color-sephiroth-grey-100: #e4e7f5;
--color-sephiroth-grey-200: #d0d3e5;
--color-sephiroth-grey-300: #b2b6cc;
--color-sephiroth-grey-400: #979db6;
--color-sephiroth-grey-500: #7e85a1;
--color-sephiroth-grey-600: #6b7088;
--color-sephiroth-grey-700: #555a6d;
--color-sephiroth-grey-800: #3e4250;
--color-sephiroth-grey-900: #2a2d38;
--color-sephiroth-grey-950: #181a22;
}SCSS
$sephiroth-grey: #8c92ac;
$sephiroth-grey-rgb: 140, 146, 172;
$sephiroth-grey-light: mix(#fff, $sephiroth-grey, 20%);
$sephiroth-grey-dark: mix(#000, $sephiroth-grey, 20%);
.element {
color: $sephiroth-grey;
box-shadow: 0 0 0 2px rgba($sephiroth-grey, 0.35);
}