이름 색상 · #918F8A
Grant Grey
Grant Grey은(는) #918F8A: rgb(145 143 138), hsl(43 3% 55%), oklch(0.65 0.008 88.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Grant Grey color name →
#918F8A
oklch(0.65 0.008 88.7)
색상 변환
- HEX
- #918f8a
- RGB
- rgb(145 143 138)
- HSL
- hsl(43 3% 55%)
- HWB
- hwb(43 54% 43%)
- OKLCH
- oklch(0.65 0.008 88.7)
- OKLab
- oklab(0.65 0 0.008)
- CIE Lab
- lab(59.46 0.06 2.94)
- LCH
- lch(59.46 2.94 88.9)
- CMYK
- cmyk(0% 1% 5% 43%)
틴트 · 셰이드 · 톤
틴트
- 9B9A95
- A6A4A0
- B1AFAC
- BCBAB7
- C7C6C3
- D2D1CF
- DDDCDB
- E8E8E7
- F4F3F3
셰이드
- 7D7C77
- 6A6965
- 585753
- 464542
- 353432
- 252422
- 151514
- 070707
- 010101
톤
- 8F8D89
- 8E8C88
- 8C8A87
- 8A8986
- 888785
- 878684
- 858483
- 838382
- 828181
색 조화
보색 +180°
- 918F8A
Grant Grey
- 8D8F94
≈ Alloy
유사색 -30° +30°
- 918F8A
Grant Grey
- 938E8B
≈ Antique Silver
- 8F908B
≈ Four-Wheel Grey
삼각 배색 +120° +240°
- 918F8A
Grant Grey
- 8A9192
≈ Gotham Grey
- 928E91
≈ Hong Kong Mist
분열 보색 +150° +210°
- 918F8A
Grant Grey
- 8B9093
≈ Gotham Grey
- 908E93
≈ Alloy
사각 배색 +90° +180° +270°
- 918F8A
Grant Grey
- 8B918F
≈ Neutral Grey
- 8D8F94
≈ Alloy
- 938D8F
≈ Hong Kong Mist
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.23:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.49:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.49:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--grant-grey: #918f8a;
--grant-grey-rgb: 145 143 138;
--grant-grey-oklch: oklch(0.65 0.008 88.7);
}
.element {
color: var(--grant-grey);
background-color: hsl(43 3% 55%);
border-color: oklch(0.65 0.008 88.7);
}Tailwind CSS v4
@theme {
--color-grant-grey: #918f8a;
--color-grant-grey-50: #f6f5f3;
--color-grant-grey-100: #e9e8e5;
--color-grant-grey-200: #d5d4d1;
--color-grant-grey-300: #b9b7b3;
--color-grant-grey-400: #a09e99;
--color-grant-grey-500: #888680;
--color-grant-grey-600: #73716d;
--color-grant-grey-700: #5c5b57;
--color-grant-grey-800: #43423f;
--color-grant-grey-900: #2f2e2c;
--color-grant-grey-950: #1b1a19;
}SCSS
$grant-grey: #918f8a;
$grant-grey-rgb: 145, 143, 138;
$grant-grey-light: mix(#fff, $grant-grey, 20%);
$grant-grey-dark: mix(#000, $grant-grey, 20%);
.element {
color: $grant-grey;
box-shadow: 0 0 0 2px rgba($grant-grey, 0.35);
}