Colore con nome · #989EA7
Shining Knight
Shining Knight è #989EA7: rgb(152 158 167), hsl(216 8% 63%), oklch(0.697 0.015 258.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Shining Knight color name →
#989EA7
oklch(0.697 0.015 258.4)
Conversioni di colore
- HEX
- #989ea7
- RGB
- rgb(152 158 167)
- HSL
- hsl(216 8% 63%)
- HWB
- hwb(216 60% 35%)
- OKLCH
- oklch(0.697 0.015 258.4)
- OKLab
- oklab(0.697 -0.003 -0.015)
- CIE Lab
- lab(64.84 -0.86 -5.49)
- LCH
- lch(64.84 5.56 261.1)
- CMYK
- cmyk(9% 5% 0% 35%)
Tinte · Ombre · Toni
Tinte
- A2A7AF
- ACB1B8
- B6BAC1
- C0C4C9
- CACDD2
- D5D7DB
- DFE1E4
- EAEBED
- F4F5F6
Ombre
- 848991
- 70747B
- 5C6066
- 4A4D52
- 383A3E
- 27292C
- 17181A
- 08090A
- 010101
Toni
- 969BA3
- 93989F
- 91959B
- 8E9297
- 8C8F93
- 8A8C8F
- 87898C
- 858688
- 828384
Armonie di colore
Complementare +180°
- 989EA7
Shining Knight
- A39D94
≈ Classic Grey
Analogo -30° +30°
- 989EA7
Shining Knight
- 95A0A5
≈ UFO
- 9D9CA7
≈ Colorado Peak
Triadico +120° +240°
- 989EA7
Shining Knight
- A79A9A
≈ Violet Dawn
- 99A097
≈ Trellised Ivy
Complementare divisa +150° +210°
- 989EA7
Shining Knight
- A69B96
≈ Smoked Mauve
- 9E9E94
≈ Dawn
Tetradico +90° +180° +270°
- 989EA7
Shining Knight
- A59A9F
≈ Art Nouveau Glass
- A39D94
≈ Classic Grey
- 95A19C
≈ Dusty Dream
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.69:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.78:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.78:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--shining-knight: #989ea7;
--shining-knight-rgb: 152 158 167;
--shining-knight-oklch: oklch(0.697 0.015 258.4);
}
.element {
color: var(--shining-knight);
background-color: hsl(216 8% 63%);
border-color: oklch(0.697 0.015 258.4);
}Tailwind CSS v4
@theme {
--color-shining-knight: #989ea7;
--color-shining-knight-50: #f3f5f9;
--color-shining-knight-100: #e5e8ed;
--color-shining-knight-200: #d1d4db;
--color-shining-knight-300: #b3b8bf;
--color-shining-knight-400: #999fa7;
--color-shining-knight-500: #808790;
--color-shining-knight-600: #6d727a;
--color-shining-knight-700: #575b62;
--color-shining-knight-800: #3f4348;
--color-shining-knight-900: #2b2e32;
--color-shining-knight-950: #191b1e;
}SCSS
$shining-knight: #989ea7;
$shining-knight-rgb: 152, 158, 167;
$shining-knight-light: mix(#fff, $shining-knight, 20%);
$shining-knight-dark: mix(#000, $shining-knight, 20%);
.element {
color: $shining-knight;
box-shadow: 0 0 0 2px rgba($shining-knight, 0.35);
}