이름 색상 · #91979F
Grisaille
Grisaille은(는) #91979F: rgb(145 151 159), hsl(214 7% 60%), oklch(0.674 0.014 255.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Grisaille color name →
#91979F
oklch(0.674 0.014 255.5)
색상 변환
- HEX
- #91979f
- RGB
- rgb(145 151 159)
- HSL
- hsl(214 7% 60%)
- HWB
- hwb(214 57% 38%)
- OKLCH
- oklch(0.674 0.014 255.5)
- OKLab
- oklab(0.674 -0.003 -0.013)
- CIE Lab
- lab(62.16 -1.02 -5.01)
- LCH
- lch(62.16 5.11 258.5)
- CMYK
- cmyk(9% 5% 0% 38%)
틴트 · 셰이드 · 톤
틴트
- 9BA1A8
- A6ABB2
- B1B5BB
- BCBFC4
- C7CACE
- D2D4D8
- DDDFE1
- E8E9EB
- F4F4F5
셰이드
- 7D838A
- 6A6F75
- 585C61
- 46494D
- 35373B
- 252629
- 151718
- 070809
- 010101
톤
- 8F959C
- 8E9299
- 8C9096
- 8A8E92
- 888B8F
- 87898C
- 858789
- 838586
- 828283
색 조화
보색 +180°
- 91979F
Grisaille
- 9B958D
≈ Tabby Cat Grey
유사색 -30° +30°
- 91979F
Grisaille
- 8E989D
≈ Pachyderm
- 95959F
≈ Emperor’s Robe
삼각 배색 +120° +240°
- 91979F
Grisaille
- 9F9394
≈ Auger Shell
- 939890
≈ Pond Leaves
분열 보색 +150° +210°
- 91979F
Grisaille
- 9E9490
≈ Tavern Taupe
- 97978E
≈ Worlds Away
사각 배색 +90° +180° +270°
- 91979F
Grisaille
- 9D9398
≈ Lavender Elan
- 9B958D
≈ Tabby Cat Grey
- 8F9994
≈ Steel Toe
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.94:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.13:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--grisaille: #91979f;
--grisaille-rgb: 145 151 159;
--grisaille-oklch: oklch(0.674 0.014 255.5);
}
.element {
color: var(--grisaille);
background-color: hsl(214 7% 60%);
border-color: oklch(0.674 0.014 255.5);
}Tailwind CSS v4
@theme {
--color-grisaille: #91979f;
--color-grisaille-50: #f3f5f9;
--color-grisaille-100: #e5e8ec;
--color-grisaille-200: #d1d4da;
--color-grisaille-300: #b3b8be;
--color-grisaille-400: #999fa7;
--color-grisaille-500: #80878f;
--color-grisaille-600: #6d7279;
--color-grisaille-700: #575b61;
--color-grisaille-800: #3f4347;
--color-grisaille-900: #2b2e31;
--color-grisaille-950: #191b1d;
}SCSS
$grisaille: #91979f;
$grisaille-rgb: 145, 151, 159;
$grisaille-light: mix(#fff, $grisaille, 20%);
$grisaille-dark: mix(#000, $grisaille, 20%);
.element {
color: $grisaille;
box-shadow: 0 0 0 2px rgba($grisaille, 0.35);
}