가장 가까운 이름 색상 · #A0C6AE
#A0C6AE
가장 가까운 이름 색상: Gum Leaf
#A0C6AE(rgb(160 198 174), hsl(142 25% 70%), oklch(0.792 0.053 157.3))와 가장 가까운 이름 색상은 Gum Leaf입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A0C6AE
oklch(0.792 0.053 157.3)
색상 변환
- HEX
- #a0c6ae
- RGB
- rgb(160 198 174)
- HSL
- hsl(142 25% 70%)
- HWB
- hwb(142 63% 22%)
- OKLCH
- oklch(0.792 0.053 157.3)
- OKLab
- oklab(0.792 -0.049 0.02)
- CIE Lab
- lab(76.6 -16.75 7.69)
- LCH
- lch(76.6 18.43 155.3)
- CMYK
- cmyk(19% 0% 12% 22%)
틴트 · 셰이드 · 톤
틴트
- A9CCB6
- B3D1BE
- BCD7C6
- C6DDCE
- CFE2D6
- D9E8DE
- E2EEE6
- ECF3EE
- F5F9F7
셰이드
- 8BAC97
- 769280
- 617A6A
- 4E6255
- 3B4B41
- 29352E
- 19211C
- 090E0B
- 010201
톤
- 9DBFA9
- 9AB8A5
- 97B1A0
- 94A99B
- 90A297
- 8D9B92
- 8A958E
- 878E89
- 838785
색 조화
보색 +180°
- A0C6AE
Gum Leaf
- D2AFC8
≈ Lavender Knoll
유사색 -30° +30°
- A0C6AE
Gum Leaf
- B2C29E
≈ Green Eggs & Cam
- 95C7C1
≈ Pastel Turquoise
삼각 배색 +120° +240°
- A0C6AE
Gum Leaf
- B2B9DE
≈ Lilac Flare
- DBB0A3
≈ Cinnamon Whip
분열 보색 +150° +210°
- A0C6AE
Gum Leaf
- C4B3D6
≈ Moonraker
- DAAEB5
≈ Pale Chestnut
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.87:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.18:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.18:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--gum-leaf: #a0c6ae;
--gum-leaf-rgb: 160 198 174;
--gum-leaf-oklch: oklch(0.792 0.053 157.3);
}
.element {
color: var(--gum-leaf);
background-color: hsl(142 25% 70%);
border-color: oklch(0.792 0.053 157.3);
}Tailwind CSS v4
@theme {
--color-gum-leaf: #a0c6ae;
--color-gum-leaf-50: #e9faf0;
--color-gum-leaf-100: #daeee2;
--color-gum-leaf-200: #c2dccc;
--color-gum-leaf-300: #a1c0ae;
--color-gum-leaf-400: #85a892;
--color-gum-leaf-500: #699178;
--color-gum-leaf-600: #597b66;
--color-gum-leaf-700: #476251;
--color-gum-leaf-800: #34483a;
--color-gum-leaf-900: #233228;
--color-gum-leaf-950: #121e16;
}SCSS
$gum-leaf: #a0c6ae;
$gum-leaf-rgb: 160, 198, 174;
$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);
}