이름 색상 · #5A6A43
Silverbeet
Silverbeet은(는) #5A6A43: rgb(90 106 67), hsl(85 23% 34%), oklch(0.5 0.062 126.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Silverbeet color name →
#5A6A43
oklch(0.5 0.062 126.7)
색상 변환
- HEX
- #5a6a43
- RGB
- rgb(90 106 67)
- HSL
- hsl(85 23% 34%)
- HWB
- hwb(85 26% 58%)
- OKLCH
- oklch(0.5 0.062 126.7)
- OKLab
- oklab(0.5 -0.037 0.05)
- CIE Lab
- lab(42.68 -11.84 19.84)
- LCH
- lch(42.68 23.11 120.8)
- CMYK
- cmyk(15% 0% 37% 58%)
틴트 · 셰이드 · 톤
틴트
- 697854
- 788666
- 889478
- 98A38A
- A9B29D
- B9C1B0
- CAD0C3
- DCE0D7
- EDEFEB
셰이드
- 4D5B39
- 414D2F
- 353F26
- 29311D
- 1E2414
- 13180C
- 090D05
- 030401
- 000000
톤
- 5E6C49
- 616F50
- 657156
- 69735C
- 6D7562
- 717768
- 747A6E
- 787C74
- 7C7E7A
색 조화
보색 +180°
- 5A6A43
Silverbeet
- 6C5A7F
≈ Grape Expectations
유사색 -30° +30°
- 5A6A43
Silverbeet
- 6D6439
≈ Rationality
- 456E55
≈ Foliage Green
삼각 배색 +120° +240°
- 5A6A43
Silverbeet
- 466785
≈ French Mirage Blue
- 82545D
≈ So Merlot
분열 보색 +150° +210°
- 5A6A43
Silverbeet
- 5A6087
≈ Karmic Grape
- 7A5670
≈ Magnificence
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.87:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.57:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 5.87:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--silverbeet: #5a6a43;
--silverbeet-rgb: 90 106 67;
--silverbeet-oklch: oklch(0.5 0.062 126.7);
}
.element {
color: var(--silverbeet);
background-color: hsl(85 23% 34%);
border-color: oklch(0.5 0.062 126.7);
}Tailwind CSS v4
@theme {
--color-silverbeet: #5a6a43;
--color-silverbeet-50: #f0f9e6;
--color-silverbeet-100: #e2ecd7;
--color-silverbeet-200: #ccdabe;
--color-silverbeet-300: #aebe9d;
--color-silverbeet-400: #95a67e;
--color-silverbeet-500: #7b8e61;
--color-silverbeet-600: #687853;
--color-silverbeet-700: #536042;
--color-silverbeet-800: #3e462e;
--color-silverbeet-900: #2a311f;
--color-silverbeet-950: #181d0f;
}SCSS
$silverbeet: #5a6a43;
$silverbeet-rgb: 90, 106, 67;
$silverbeet-light: mix(#fff, $silverbeet, 20%);
$silverbeet-dark: mix(#000, $silverbeet, 20%);
.element {
color: $silverbeet;
box-shadow: 0 0 0 2px rgba($silverbeet, 0.35);
}