Adlandırılmış renk · #8C92AC
Sephiroth Grey
Sephiroth Grey, #8C92AC: rgb(140 146 172), hsl(229 16% 61%), oklch(0.664 0.039 275). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Sephiroth Grey color name →
#8C92AC
oklch(0.664 0.039 275)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 979CB4
- A2A7BC
- ADB2C5
- B8BCCD
- C4C7D5
- CFD2DD
- DBDDE6
- E7E8EE
- F3F4F7
Koyu tonlar
- 797E95
- 676B7F
- 555869
- 434654
- 333540
- 23252D
- 14161B
- 07080B
- 010101
Gri tonlar
- 8B90A8
- 8A8EA3
- 888D9F
- 878B9A
- 868996
- 858792
- 84858D
- 828489
- 818284
Renk uyumları
Tamamlayıcı +180°
- 8C92AC
Sephiroth Grey
- 9B9479
≈ Lye
Analog -30° +30°
- 8C92AC
Sephiroth Grey
- 8096AA
≈ Nordland Blue
- 998EA7
≈ Futuristic
Üçlü +120° +240°
- 8C92AC
Sephiroth Grey
- AA8B83
≈ Forest Trail
- 819B89
≈ Seiji Green
Bölünmüş tamamlayıcı +150° +210°
- 8C92AC
Sephiroth Grey
- A58F7B
≈ Utaupeia
- 8E987E
≈ Veranda Green
Dörtlü +90° +180° +270°
- 8C92AC
Sephiroth Grey
- A98A90
≈ Coffee Rose
- 9B9479
≈ Lye
- 799C96
≈ Avalon
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.07:1 · APCA Lc 58
Ag
AASiyah üzerinde
WCAG 6.82:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.82:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
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);
}