이름 색상 · #9799A6
Angry Gargoyle
Angry Gargoyle은(는) #9799A6: rgb(151 153 166), hsl(232 8% 62%), oklch(0.685 0.019 278.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Angry Gargoyle color name →
#9799A6
oklch(0.685 0.019 278.9)
색상 변환
- HEX
- #9799a6
- RGB
- rgb(151 153 166)
- HSL
- hsl(232 8% 62%)
- HWB
- hwb(232 59% 35%)
- OKLCH
- oklch(0.685 0.019 278.9)
- OKLab
- oklab(0.685 0.003 -0.019)
- CIE Lab
- lab(63.37 1.21 -7.09)
- LCH
- lch(63.37 7.19 279.7)
- CMYK
- cmyk(9% 8% 0% 35%)
틴트 · 셰이드 · 톤
틴트
- A1A3AF
- ABADB7
- B5B7C0
- BFC1C9
- CACBD2
- D4D5DB
- DFDFE4
- E9EAED
- F4F4F6
셰이드
- 838490
- 6F707A
- 5C5D65
- 494A51
- 37383E
- 26272B
- 17171A
- 08080A
- 010101
톤
- 9596A2
- 92949E
- 90919A
- 8E8F97
- 8B8C93
- 898A8F
- 87878B
- 858587
- 828284
색 조화
보색 +180°
- 9799A6
Angry Gargoyle
- 9D9A8D
≈ London Fog
유사색 -30° +30°
- 9799A6
Angry Gargoyle
- 919BA6
≈ Canadian Lake
- 9D97A3
≈ Fortune
삼각 배색 +120° +240°
- 9799A6
Angry Gargoyle
- A59691
≈ Gustav
- 919E96
≈ Marble Green
분열 보색 +150° +210°
- 9799A6
Angry Gargoyle
- A2988E
≈ Grey Flanks
- 969C90
≈ Acacia Haze
사각 배색 +90° +180° +270°
- 9799A6
Angry Gargoyle
- A59597
≈ Heather Plume
- 9D9A8D
≈ London Fog
- 8D9E9C
≈ Abyss
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.82:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.42:1 · APCA Lc 47
가장 좋은 글자색: #000000
WCAG 7.42:1 (AAA) · APCA Lc 47
Contrast pairs
코드 스니펫
CSS
:root {
--angry-gargoyle: #9799a6;
--angry-gargoyle-rgb: 151 153 166;
--angry-gargoyle-oklch: oklch(0.685 0.019 278.9);
}
.element {
color: var(--angry-gargoyle);
background-color: hsl(232 8% 62%);
border-color: oklch(0.685 0.019 278.9);
}Tailwind CSS v4
@theme {
--color-angry-gargoyle: #9799a6;
--color-angry-gargoyle-50: #f4f5fb;
--color-angry-gargoyle-100: #e6e7ee;
--color-angry-gargoyle-200: #d2d3dc;
--color-angry-gargoyle-300: #b5b6c1;
--color-angry-gargoyle-400: #9c9daa;
--color-angry-gargoyle-500: #838593;
--color-angry-gargoyle-600: #6f717c;
--color-angry-gargoyle-700: #595a64;
--color-angry-gargoyle-800: #404249;
--color-angry-gargoyle-900: #2c2d33;
--color-angry-gargoyle-950: #191a1e;
}SCSS
$angry-gargoyle: #9799a6;
$angry-gargoyle-rgb: 151, 153, 166;
$angry-gargoyle-light: mix(#fff, $angry-gargoyle, 20%);
$angry-gargoyle-dark: mix(#000, $angry-gargoyle, 20%);
.element {
color: $angry-gargoyle;
box-shadow: 0 0 0 2px rgba($angry-gargoyle, 0.35);
}