이름 색상 · #8F9F97
Marble Green
Marble Green은(는) #8F9F97: rgb(143 159 151), hsl(150 8% 59%), oklch(0.687 0.022 164.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Marble Green color name →
#8F9F97
oklch(0.687 0.022 164.3)
색상 변환
- HEX
- #8f9f97
- RGB
- rgb(143 159 151)
- HSL
- hsl(150 8% 59%)
- HWB
- hwb(150 56% 38%)
- OKLCH
- oklch(0.687 0.022 164.3)
- OKLab
- oklab(0.687 -0.021 0.006)
- CIE Lab
- lab(64.03 -7.08 2.16)
- LCH
- lch(64.03 7.4 163.1)
- CMYK
- cmyk(10% 0% 5% 38%)
틴트 · 셰이드 · 톤
틴트
- 9AA8A1
- A5B2AB
- AFBBB5
- BBC4BF
- C6CECA
- D1D8D4
- DCE1DF
- E8EBE9
- F3F5F4
셰이드
- 7C8A83
- 69756F
- 57615C
- 454D49
- 343B37
- 242926
- 151817
- 070908
- 010101
톤
- 8E9C95
- 8C9992
- 8B9690
- 89928E
- 888F8B
- 868C89
- 858987
- 838685
- 828382
색 조화
보색 +180°
- 8F9F97
Marble Green
- A5959E
≈ Lavender Lily
유사색 -30° +30°
- 8F9F97
Marble Green
- 959E90
≈ Sycamore Stand
- 8C9F9E
≈ Aqua Smoke
삼각 배색 +120° +240°
- 8F9F97
Marble Green
- 9999A8
≈ Acanthus
- A79790
≈ Putty Pearl
분열 보색 +150° +210°
- 8F9F97
Marble Green
- A097A4
≈ Fortune
- A89596
≈ Sphinx
사각 배색 +90° +180° +270°
- 8F9F97
Marble Green
- 929CA8
≈ Blue Heeler
- A5959E
≈ Lavender Lily
- A3998C
≈ Shiitake
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.77:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.57:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.57:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--marble-green: #8f9f97;
--marble-green-rgb: 143 159 151;
--marble-green-oklch: oklch(0.687 0.022 164.3);
}
.element {
color: var(--marble-green);
background-color: hsl(150 8% 59%);
border-color: oklch(0.687 0.022 164.3);
}Tailwind CSS v4
@theme {
--color-marble-green: #8f9f97;
--color-marble-green-50: #f0f7f4;
--color-marble-green-100: #e2eae6;
--color-marble-green-200: #ccd7d2;
--color-marble-green-300: #aebbb5;
--color-marble-green-400: #93a39b;
--color-marble-green-500: #7a8b82;
--color-marble-green-600: #67766e;
--color-marble-green-700: #525e58;
--color-marble-green-800: #3c4540;
--color-marble-green-900: #29302c;
--color-marble-green-950: #171c19;
}SCSS
$marble-green: #8f9f97;
$marble-green-rgb: 143, 159, 151;
$marble-green-light: mix(#fff, $marble-green, 20%);
$marble-green-dark: mix(#000, $marble-green, 20%);
.element {
color: $marble-green;
box-shadow: 0 0 0 2px rgba($marble-green, 0.35);
}