이름 색상 · #8C6D46
Grecian Helmet
Grecian Helmet은(는) #8C6D46: rgb(140 109 70), hsl(33 33% 41%), oklch(0.556 0.067 72.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Grecian Helmet color name →
#8C6D46
oklch(0.556 0.067 72.1)
색상 변환
- HEX
- #8c6d46
- RGB
- rgb(140 109 70)
- HSL
- hsl(33 33% 41%)
- HWB
- hwb(33 27% 45%)
- OKLCH
- oklch(0.556 0.067 72.1)
- OKLab
- oklab(0.556 0.021 0.064)
- CIE Lab
- lab(48.47 8.92 26.66)
- LCH
- lch(48.47 28.11 71.5)
- CMYK
- cmyk(0% 22% 50% 45%)
틴트 · 셰이드 · 톤
틴트
- 977B58
- A2896A
- AE977B
- B9A58E
- C5B4A0
- D0C3B2
- DCD1C5
- E7E0D8
- F3F0EB
셰이드
- 795E3C
- 674F32
- 554128
- 43331E
- 332615
- 23190D
- 140D05
- 070402
- 010100
톤
- 8B6F4C
- 8A7153
- 897359
- 88755E
- 867764
- 85796A
- 847B6F
- 837C75
- 817E7B
색 조화
보색 +180°
- 8C6D46
Grecian Helmet
- 56769A
≈ Yawl
유사색 -30° +30°
- 8C6D46
Grecian Helmet
- 956654
≈ Stormy Plum
- 7B7545
≈ Fern Shade
삼각 배색 +120° +240°
- 8C6D46
Grecian Helmet
- 3E807D
≈ Bubble Turquoise
- 816890
≈ Poetry Mauve
분열 보색 +150° +210°
- 8C6D46
Grecian Helmet
- 437C90
≈ Larkspur
- 6D6F9A
≈ Thirsty Thursday
사각 배색 +90° +180° +270°
- 8C6D46
Grecian Helmet
- 4D8067
≈ Sports Field Green
- 56769A
≈ Yawl
- 8F647E
≈ Victorian Plum
대비 및 접근성
Ag
AA흰색 위
WCAG 4.78:1 · APCA Lc 73
Ag
Fail검은색 위
WCAG 4.39:1 · APCA Lc 29
가장 좋은 글자색: #FFFFFF
WCAG 4.78:1 (AA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--grecian-helmet: #8c6d46;
--grecian-helmet-rgb: 140 109 70;
--grecian-helmet-oklch: oklch(0.556 0.067 72.1);
}
.element {
color: var(--grecian-helmet);
background-color: hsl(33 33% 41%);
border-color: oklch(0.556 0.067 72.1);
}Tailwind CSS v4
@theme {
--color-grecian-helmet: #8c6d46;
--color-grecian-helmet-50: #fff3e1;
--color-grecian-helmet-100: #f6e5d0;
--color-grecian-helmet-200: #e6d1b5;
--color-grecian-helmet-300: #ccb392;
--color-grecian-helmet-400: #b89872;
--color-grecian-helmet-500: #a27f53;
--color-grecian-helmet-600: #896c47;
--color-grecian-helmet-700: #6e5638;
--color-grecian-helmet-800: #513e28;
--color-grecian-helmet-900: #392b1b;
--color-grecian-helmet-950: #23180b;
}SCSS
$grecian-helmet: #8c6d46;
$grecian-helmet-rgb: 140, 109, 70;
$grecian-helmet-light: mix(#fff, $grecian-helmet, 20%);
$grecian-helmet-dark: mix(#000, $grecian-helmet, 20%);
.element {
color: $grecian-helmet;
box-shadow: 0 0 0 2px rgba($grecian-helmet, 0.35);
}