이름 색상 · #9CB8A6
Spearmint Haze
Spearmint Haze은(는) #9CB8A6: rgb(156 184 166), hsl(141 16% 67%), oklch(0.756 0.04 157.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Spearmint Haze color name →
#9CB8A6
oklch(0.756 0.04 157.1)
색상 변환
- HEX
- #9cb8a6
- RGB
- rgb(156 184 166)
- HSL
- hsl(141 16% 67%)
- HWB
- hwb(141 61% 28%)
- OKLCH
- oklch(0.756 0.04 157.1)
- OKLab
- oklab(0.756 -0.037 0.015)
- CIE Lab
- lab(72.28 -12.6 5.82)
- LCH
- lch(72.28 13.88 155.2)
- CMYK
- cmyk(15% 0% 10% 28%)
틴트 · 셰이드 · 톤
틴트
- A6BFAF
- AFC6B7
- B9CDC0
- C3D4C9
- CDDBD2
- D7E2DB
- E1E9E4
- EBF1ED
- F5F8F6
셰이드
- 87A090
- 73887A
- 5F7165
- 4C5B51
- 39453E
- 28312B
- 181E1A
- 090C0A
- 010201
톤
- 99B2A2
- 97AD9E
- 94A79A
- 91A197
- 8E9C93
- 8B968F
- 89908B
- 868B87
- 838584
색 조화
보색 +180°
- 9CB8A6
Spearmint Haze
- C1A7B9
≈ Pansy Posie
유사색 -30° +30°
- 9CB8A6
Spearmint Haze
- A9B59A
≈ Mow the Lawn
- 94B9B4
≈ Teal Tree
삼각 배색 +120° +240°
- 9CB8A6
Spearmint Haze
- A9AECA
≈ Lovely Lilac
- C8A89E
≈ Teatime Mauve
분열 보색 +150° +210°
- 9CB8A6
Spearmint Haze
- B6AAC4
≈ Velour
- C7A6AB
≈ Dutchess Dawn
사각 배색 +90° +180° +270°
- 9CB8A6
Spearmint Haze
- 9CB3C8
≈ Aerial View
- C1A7B9
≈ Pansy Posie
- C2AC96
≈ Transcend
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.13:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.82:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.82:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--spearmint-haze: #9cb8a6;
--spearmint-haze-rgb: 156 184 166;
--spearmint-haze-oklch: oklch(0.756 0.04 157.1);
}
.element {
color: var(--spearmint-haze);
background-color: hsl(141 16% 67%);
border-color: oklch(0.756 0.04 157.1);
}Tailwind CSS v4
@theme {
--color-spearmint-haze: #9cb8a6;
--color-spearmint-haze-50: #ecf9f1;
--color-spearmint-haze-100: #ddece3;
--color-spearmint-haze-200: #c7dace;
--color-spearmint-haze-300: #a7beb0;
--color-spearmint-haze-400: #8ca695;
--color-spearmint-haze-500: #718f7c;
--color-spearmint-haze-600: #607969;
--color-spearmint-haze-700: #4c6054;
--color-spearmint-haze-800: #38473c;
--color-spearmint-haze-900: #263129;
--color-spearmint-haze-950: #141d17;
}SCSS
$spearmint-haze: #9cb8a6;
$spearmint-haze-rgb: 156, 184, 166;
$spearmint-haze-light: mix(#fff, $spearmint-haze, 20%);
$spearmint-haze-dark: mix(#000, $spearmint-haze, 20%);
.element {
color: $spearmint-haze;
box-shadow: 0 0 0 2px rgba($spearmint-haze, 0.35);
}