이름 색상 · #859382
Silver Linden Grey
Silver Linden Grey은(는) #859382: rgb(133 147 130), hsl(109 7% 54%), oklch(0.647 0.03 140.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Silver Linden Grey color name →
#859382
oklch(0.647 0.03 140.2)
색상 변환
- HEX
- #859382
- RGB
- rgb(133 147 130)
- HSL
- hsl(109 7% 54%)
- HWB
- hwb(109 51% 42%)
- OKLCH
- oklch(0.647 0.03 140.2)
- OKLab
- oklab(0.647 -0.023 0.019)
- CIE Lab
- lab(59.42 -7.74 7.24)
- LCH
- lch(59.42 10.6 136.9)
- CMYK
- cmyk(10% 0% 12% 42%)
틴트 · 셰이드 · 톤
틴트
- 919D8E
- 9CA89A
- A8B2A6
- B4BDB2
- C0C8BF
- CDD3CB
- D9DED8
- E6E9E5
- F2F4F2
셰이드
- 737F70
- 616C5F
- 50594E
- 40473E
- 30362F
- 212520
- 131612
- 060806
- 010101
톤
- 859182
- 848F82
- 848D81
- 838B81
- 838981
- 828881
- 828681
- 818480
- 818280
색 조화
보색 +180°
- 859382
Silver Linden Grey
- 97899A
≈ Eccentricity
유사색 -30° +30°
- 859382
Silver Linden Grey
- 8F907C
≈ Farmer’s Market
- 7D948B
≈ Quantum Green
삼각 배색 +120° +240°
- 859382
Silver Linden Grey
- 848FA1
≈ Montage
- A08787
≈ Mauverine
분열 보색 +150° +210°
- 859382
Silver Linden Grey
- 8E8CA0
≈ Antiquate
- 9D8791
≈ Purple Mauve
사각 배색 +90° +180° +270°
- 859382
Silver Linden Grey
- 7D929D
≈ Bird Blue
- 97899A
≈ Eccentricity
- 9E897E
≈ Aspiration
대비 및 접근성
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 {
--silver-linden-grey: #859382;
--silver-linden-grey-rgb: 133 147 130;
--silver-linden-grey-oklch: oklch(0.647 0.03 140.2);
}
.element {
color: var(--silver-linden-grey);
background-color: hsl(109 7% 54%);
border-color: oklch(0.647 0.03 140.2);
}Tailwind CSS v4
@theme {
--color-silver-linden-grey: #859382;
--color-silver-linden-grey-50: #f1f7f0;
--color-silver-linden-grey-100: #e2ebe1;
--color-silver-linden-grey-200: #cdd8cc;
--color-silver-linden-grey-300: #afbbae;
--color-silver-linden-grey-400: #95a393;
--color-silver-linden-grey-500: #7c8b79;
--color-silver-linden-grey-600: #697666;
--color-silver-linden-grey-700: #545e52;
--color-silver-linden-grey-800: #3d453b;
--color-silver-linden-grey-900: #2a3028;
--color-silver-linden-grey-950: #181c16;
}SCSS
$silver-linden-grey: #859382;
$silver-linden-grey-rgb: 133, 147, 130;
$silver-linden-grey-light: mix(#fff, $silver-linden-grey, 20%);
$silver-linden-grey-dark: mix(#000, $silver-linden-grey, 20%);
.element {
color: $silver-linden-grey;
box-shadow: 0 0 0 2px rgba($silver-linden-grey, 0.35);
}