가장 가까운 이름 색상 · #A3C3A6
#A3C3A6
가장 가까운 이름 색상: Gum Leaf
#A3C3A6(rgb(163 195 166), hsl(126 21% 70%), oklch(0.785 0.053 147.6))와 가장 가까운 이름 색상은 Gum Leaf입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A3C3A6
oklch(0.785 0.053 147.6)
색상 변환
- HEX
- #a3c3a6
- RGB
- rgb(163 195 166)
- HSL
- hsl(126 21% 70%)
- HWB
- hwb(126 64% 24%)
- OKLCH
- oklch(0.785 0.053 147.6)
- OKLab
- oklab(0.785 -0.045 0.029)
- CIE Lab
- lab(75.81 -15.4 10.89)
- LCH
- lch(75.81 18.86 144.7)
- CMYK
- cmyk(16% 0% 15% 24%)
틴트 · 셰이드 · 톤
틴트
- ACC9AF
- B5CFB7
- BED5C0
- C7DBC9
- D1E1D2
- DAE7DB
- E3EDE4
- ECF3ED
- F6F9F6
셰이드
- 8DA990
- 78907A
- 637865
- 4F6051
- 3C4A3E
- 2A342B
- 19201A
- 0A0E0A
- 010201
톤
- A0BCA2
- 9CB59E
- 99AE9B
- 95A897
- 92A193
- 8E9A8F
- 8B948B
- 878D88
- 848784
색 조화
보색 +180°
- A3C3A6
Gum Leaf
- CCAECB
≈ Windsor Purple
유사색 -30° +30°
- A3C3A6
Gum Leaf
- B6BE98
≈ Pale Spring Morning
- 95C5B9
≈ Float Your Boat
삼각 배색 +120° +240°
- A3C3A6
Gum Leaf
- AAB9DC
≈ Wisp
- D9ADA6
≈ Everything’s Rosy
분열 보색 +150° +210°
- A3C3A6
Gum Leaf
- BDB2D8
≈ Moonraker
- D7ABB9
≈ Pink Nectar
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.92:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.91:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.91:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--gum-leaf: #a3c3a6;
--gum-leaf-rgb: 163 195 166;
--gum-leaf-oklch: oklch(0.785 0.053 147.6);
}
.element {
color: var(--gum-leaf);
background-color: hsl(126 21% 70%);
border-color: oklch(0.785 0.053 147.6);
}Tailwind CSS v4
@theme {
--color-gum-leaf: #a3c3a6;
--color-gum-leaf-50: #ebfaed;
--color-gum-leaf-100: #dceddf;
--color-gum-leaf-200: #c5dbc8;
--color-gum-leaf-300: #a5c0a9;
--color-gum-leaf-400: #8aa88d;
--color-gum-leaf-500: #6f9072;
--color-gum-leaf-600: #5e7a61;
--color-gum-leaf-700: #4b624d;
--color-gum-leaf-800: #374737;
--color-gum-leaf-900: #253226;
--color-gum-leaf-950: #141d14;
}SCSS
$gum-leaf: #a3c3a6;
$gum-leaf-rgb: 163, 195, 166;
$gum-leaf-light: mix(#fff, $gum-leaf, 20%);
$gum-leaf-dark: mix(#000, $gum-leaf, 20%);
.element {
color: $gum-leaf;
box-shadow: 0 0 0 2px rgba($gum-leaf, 0.35);
}