가장 가까운 이름 색상 · #9DB499
#9DB499
가장 가까운 이름 색상: Copper Patina
#9DB499(rgb(157 180 153), hsl(111 15% 65%), oklch(0.745 0.046 141))와 가장 가까운 이름 색상은 Copper Patina입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9DB499
oklch(0.745 0.046 141)
색상 변환
- HEX
- #9db499
- RGB
- rgb(157 180 153)
- HSL
- hsl(111 15% 65%)
- HWB
- hwb(111 60% 29%)
- OKLCH
- oklch(0.745 0.046 141)
- OKLab
- oklab(0.745 -0.036 0.029)
- CIE Lab
- lab(70.98 -12.09 11.04)
- LCH
- lch(70.98 16.38 137.6)
- CMYK
- cmyk(13% 0% 15% 29%)
틴트 · 셰이드 · 톤
틴트
- A6BBA3
- B0C3AD
- BACAB7
- C3D2C1
- CDD9CB
- D7E1D5
- E1E8E0
- EBF0EA
- F5F7F4
셰이드
- 889C84
- 738570
- 5F6E5D
- 4C584A
- 3A4438
- 283027
- 181D17
- 090C08
- 010201
톤
- 9AAF97
- 97A994
- 94A492
- 919F8F
- 8F9A8D
- 8C958A
- 898F88
- 868A85
- 838583
색 조화
보색 +180°
- 9DB499
Copper Patina
- BAA3BE
≈ Svelte
유사색 -30° +30°
- 9DB499
Copper Patina
- ADAF8E
≈ Majolica Green
- 90B6A8
≈ Treetop
삼각 배색 +120° +240°
- 9DB499
Copper Patina
- 9CADCA
≈ Satin Soft Blue
- C8A1A0
≈ Lady Guinevere
분열 보색 +150° +210°
- 9DB499
Copper Patina
- ACA8C8
≈ Instigate
- C4A1B0
≈ Shady Pink
사각 배색 +90° +180° +270°
- 9DB499
Copper Patina
- 90B2C4
≈ Bright Bluebonnet
- BAA3BE
≈ Svelte
- C5A593
≈ Pragmatic
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.22:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.42:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.42:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--copper-patina: #9db499;
--copper-patina-rgb: 157 180 153;
--copper-patina-oklch: oklch(0.745 0.046 141);
}
.element {
color: var(--copper-patina);
background-color: hsl(111 15% 65%);
border-color: oklch(0.745 0.046 141);
}Tailwind CSS v4
@theme {
--color-copper-patina: #9db499;
--color-copper-patina-50: #eef9ed;
--color-copper-patina-100: #dfecde;
--color-copper-patina-200: #c9dac8;
--color-copper-patina-300: #aabea9;
--color-copper-patina-400: #90a68c;
--color-copper-patina-500: #768e72;
--color-copper-patina-600: #647860;
--color-copper-patina-700: #50604d;
--color-copper-patina-800: #3a4637;
--color-copper-patina-900: #283126;
--color-copper-patina-950: #161d14;
}SCSS
$copper-patina: #9db499;
$copper-patina-rgb: 157, 180, 153;
$copper-patina-light: mix(#fff, $copper-patina, 20%);
$copper-patina-dark: mix(#000, $copper-patina, 20%);
.element {
color: $copper-patina;
box-shadow: 0 0 0 2px rgba($copper-patina, 0.35);
}