이름 색상 · #8D95AA
Silverfish
Silverfish은(는) #8D95AA: rgb(141 149 170), hsl(223 15% 61%), oklch(0.67 0.032 269). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Silverfish color name →
#8D95AA
oklch(0.67 0.032 269)
색상 변환
- HEX
- #8d95aa
- RGB
- rgb(141 149 170)
- HSL
- hsl(223 15% 61%)
- HWB
- hwb(223 55% 33%)
- OKLCH
- oklch(0.67 0.032 269)
- OKLab
- oklab(0.67 -0.001 -0.032)
- CIE Lab
- lab(61.58 0.39 -12.09)
- LCH
- lch(61.58 12.1 271.8)
- CMYK
- cmyk(17% 12% 0% 33%)
틴트 · 셰이드 · 톤
틴트
- 989FB2
- A3A9BB
- AEB4C3
- B9BECB
- C4C9D4
- D0D3DC
- DCDEE5
- E7E9EE
- F3F4F6
셰이드
- 7A8193
- 676D7D
- 555A68
- 444853
- 33373F
- 23262D
- 14161B
- 07080B
- 010101
톤
- 8C93A6
- 8A91A2
- 898F9D
- 888D99
- 868A95
- 858891
- 84868D
- 838488
- 818284
색 조화
보색 +180°
- 8D95AA
Silverfish
- 9D957F
≈ Union Springs
유사색 -30° +30°
- 8D95AA
Silverfish
- 8499A7
≈ Silver Storm
- 9891A7
≈ Jazz Tune
삼각 배색 +120° +240°
- 8D95AA
Silverfish
- A98E8A
≈ Ash Hollow
- 889B8B
≈ Birch Forest
분열 보색 +150° +210°
- 8D95AA
Silverfish
- A59182
≈ Beach Cabana
- 939982
≈ Gundaroo Green
사각 배색 +90° +180° +270°
- 8D95AA
Silverfish
- A78D95
≈ Gothic Amethyst
- 9D957F
≈ Union Springs
- 819C96
≈ Blue Surf
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.99:1 · APCA Lc 57
Ag
AAA검은색 위
WCAG 7.01:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 7.01:1 (AAA) · APCA Lc 45
Contrast pairs
코드 스니펫
CSS
:root {
--silverfish: #8d95aa;
--silverfish-rgb: 141 149 170;
--silverfish-oklch: oklch(0.67 0.032 269);
}
.element {
color: var(--silverfish);
background-color: hsl(223 15% 61%);
border-color: oklch(0.67 0.032 269);
}Tailwind CSS v4
@theme {
--color-silverfish: #8d95aa;
--color-silverfish-50: #f1f5ff;
--color-silverfish-100: #e4e8f3;
--color-silverfish-200: #cfd4e3;
--color-silverfish-300: #b1b7c9;
--color-silverfish-400: #969eb2;
--color-silverfish-500: #7d869c;
--color-silverfish-600: #6a7184;
--color-silverfish-700: #555b6a;
--color-silverfish-800: #3d424e;
--color-silverfish-900: #2a2e36;
--color-silverfish-950: #181b21;
}SCSS
$silverfish: #8d95aa;
$silverfish-rgb: 141, 149, 170;
$silverfish-light: mix(#fff, $silverfish, 20%);
$silverfish-dark: mix(#000, $silverfish, 20%);
.element {
color: $silverfish;
box-shadow: 0 0 0 2px rgba($silverfish, 0.35);
}