가장 가까운 이름 색상 · #A2C9B4
#A2C9B4
가장 가까운 이름 색상: Gum Leaf
#A2C9B4(rgb(162 201 180), hsl(148 27% 71%), oklch(0.802 0.051 161.5))와 가장 가까운 이름 색상은 Gum Leaf입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A2C9B4
oklch(0.802 0.051 161.5)
색상 변환
- HEX
- #a2c9b4
- RGB
- rgb(162 201 180)
- HSL
- hsl(148 27% 71%)
- HWB
- hwb(148 64% 21%)
- OKLCH
- oklch(0.802 0.051 161.5)
- OKLab
- oklab(0.802 -0.048 0.016)
- CIE Lab
- lab(77.68 -16.61 6.04)
- LCH
- lch(77.68 17.68 160)
- CMYK
- cmyk(19% 0% 10% 21%)
틴트 · 셰이드 · 톤
틴트
- ABCEBB
- B5D4C3
- BED9CA
- C7DED1
- D0E4D9
- DAE9E0
- E3EFE8
- ECF4F0
- F6FAF7
셰이드
- 8CAE9C
- 779585
- 637C6E
- 4F6458
- 3C4C44
- 2A3630
- 19221D
- 0A0F0C
- 010202
톤
- 9FC1AF
- 9BBAA9
- 98B3A4
- 95AB9F
- 91A49A
- 8E9D94
- 8B958F
- 878E8A
- 848785
색 조화
보색 +180°
- A2C9B4
Gum Leaf
- D6B2C8
≈ Private-Label Pink
유사색 -30° +30°
- A2C9B4
Gum Leaf
- B3C6A4
≈ Freshwater Green
- 99C9C6
≈ Jamaica Bay
삼각 배색 +120° +240°
- A2C9B4
Gum Leaf
- B8BBDF
≈ Wish
- DCB4A5
≈ Prosciutto
분열 보색 +150° +210°
- A2C9B4
Gum Leaf
- C9B5D7
≈ Elfin Herb
- DDB1B6
≈ Sakura
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.81:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.54:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.54:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--gum-leaf: #a2c9b4;
--gum-leaf-rgb: 162 201 180;
--gum-leaf-oklch: oklch(0.802 0.051 161.5);
}
.element {
color: var(--gum-leaf);
background-color: hsl(148 27% 71%);
border-color: oklch(0.802 0.051 161.5);
}Tailwind CSS v4
@theme {
--color-gum-leaf: #a2c9b4;
--color-gum-leaf-50: #e9faf1;
--color-gum-leaf-100: #d9eee3;
--color-gum-leaf-200: #c2dbce;
--color-gum-leaf-300: #a1c0b0;
--color-gum-leaf-400: #84a895;
--color-gum-leaf-500: #68917c;
--color-gum-leaf-600: #587b69;
--color-gum-leaf-700: #466254;
--color-gum-leaf-800: #33483c;
--color-gum-leaf-900: #233229;
--color-gum-leaf-950: #121e17;
}SCSS
$gum-leaf: #a2c9b4;
$gum-leaf-rgb: 162, 201, 180;
$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);
}