이름 색상 · #989EA7
Shining Knight
Shining Knight은(는) #989EA7: rgb(152 158 167), hsl(216 8% 63%), oklch(0.697 0.015 258.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Shining Knight color name →
#989EA7
oklch(0.697 0.015 258.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- A2A7AF
- ACB1B8
- B6BAC1
- C0C4C9
- CACDD2
- D5D7DB
- DFE1E4
- EAEBED
- F4F5F6
셰이드
- 848991
- 70747B
- 5C6066
- 4A4D52
- 383A3E
- 27292C
- 17181A
- 08090A
- 010101
톤
- 969BA3
- 93989F
- 91959B
- 8E9297
- 8C8F93
- 8A8C8F
- 87898C
- 858688
- 828384
색 조화
보색 +180°
- 989EA7
Shining Knight
- A39D94
≈ Classic Grey
유사색 -30° +30°
- 989EA7
Shining Knight
- 95A0A5
≈ UFO
- 9D9CA7
≈ Colorado Peak
삼각 배색 +120° +240°
- 989EA7
Shining Knight
- A79A9A
≈ Violet Dawn
- 99A097
≈ Trellised Ivy
분열 보색 +150° +210°
- 989EA7
Shining Knight
- A69B96
≈ Smoked Mauve
- 9E9E94
≈ Dawn
사각 배색 +90° +180° +270°
- 989EA7
Shining Knight
- A59A9F
≈ Art Nouveau Glass
- A39D94
≈ Classic Grey
- 95A19C
≈ Dusty Dream
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.69:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.78:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.78:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
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);
}