이름 색상 · #9C8C9A
Greige Violet
Greige Violet은(는) #9C8C9A: rgb(156 140 154), hsl(308 7% 58%), oklch(0.659 0.028 329.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Greige Violet color name →
#9C8C9A
oklch(0.659 0.028 329.9)
색상 변환
- HEX
- #9c8c9a
- RGB
- rgb(156 140 154)
- HSL
- hsl(308 7% 58%)
- HWB
- hwb(308 55% 39%)
- OKLCH
- oklch(0.659 0.028 329.9)
- OKLab
- oklab(0.659 0.024 -0.014)
- CIE Lab
- lab(60.03 8.13 -5.16)
- LCH
- lch(60.03 9.63 327.6)
- CMYK
- cmyk(0% 10% 1% 39%)
틴트 · 셰이드 · 톤
틴트
- A697A4
- AFA2AD
- B9ADB7
- C3B9C1
- CDC4CB
- D6D0D6
- E0DBE0
- EBE7EA
- F5F3F5
셰이드
- 877985
- 736771
- 5F555E
- 4C434B
- 393339
- 282327
- 181417
- 090709
- 010101
톤
- 998B97
- 968A95
- 948892
- 918790
- 8E868D
- 8B858A
- 888488
- 868285
- 838183
색 조화
보색 +180°
- 9C8C9A
Greige Violet
- 869789
≈ Underground Gardens
유사색 -30° +30°
- 9C8C9A
Greige Violet
- 948EA1
≈ Evening in Paris
- A18B91
≈ Gothic Amethyst
삼각 배색 +120° +240°
- 9C8C9A
Greige Violet
- 98917F
≈ Stonegate
- 7F979B
≈ Soul Quenching
분열 보색 +150° +210°
- 9C8C9A
Greige Violet
- 8F9582
≈ Agreeable Green
- 809892
≈ Secluded Garden
사각 배색 +90° +180° +270°
- 9C8C9A
Greige Violet
- 9F8E81
≈ Oak Brown
- 869789
≈ Underground Gardens
- 8394A1
≈ Coastal Vista
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.16:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.63:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.63:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--greige-violet: #9c8c9a;
--greige-violet-rgb: 156 140 154;
--greige-violet-oklch: oklch(0.659 0.028 329.9);
}
.element {
color: var(--greige-violet);
background-color: hsl(308 7% 58%);
border-color: oklch(0.659 0.028 329.9);
}Tailwind CSS v4
@theme {
--color-greige-violet: #9c8c9a;
--color-greige-violet-50: #faf2f9;
--color-greige-violet-100: #eee5ec;
--color-greige-violet-200: #dcd0da;
--color-greige-violet-300: #c0b2be;
--color-greige-violet-400: #a899a6;
--color-greige-violet-500: #91808f;
--color-greige-violet-600: #7b6c79;
--color-greige-violet-700: #625761;
--color-greige-violet-800: #483f47;
--color-greige-violet-900: #322b31;
--color-greige-violet-950: #1e191d;
}SCSS
$greige-violet: #9c8c9a;
$greige-violet-rgb: 156, 140, 154;
$greige-violet-light: mix(#fff, $greige-violet, 20%);
$greige-violet-dark: mix(#000, $greige-violet, 20%);
.element {
color: $greige-violet;
box-shadow: 0 0 0 2px rgba($greige-violet, 0.35);
}