이름 색상 · #9DB4A0
Copper Patina
Copper Patina은(는) #9DB4A0: rgb(157 180 160), hsl(128 13% 66%), oklch(0.747 0.038 148.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Copper Patina color name →
#9DB4A0
oklch(0.747 0.038 148.9)
색상 변환
- HEX
- #9db4a0
- RGB
- rgb(157 180 160)
- HSL
- hsl(128 13% 66%)
- HWB
- hwb(128 62% 29%)
- OKLCH
- oklch(0.747 0.038 148.9)
- OKLab
- oklab(0.747 -0.033 0.02)
- CIE Lab
- lab(71.11 -11.14 7.44)
- LCH
- lch(71.11 13.4 146.3)
- CMYK
- cmyk(13% 0% 11% 29%)
틴트 · 셰이드 · 톤
틴트
- A6BBA9
- B0C3B2
- BACABC
- C3D2C5
- CDD9CF
- D7E1D8
- E1E8E2
- EBF0EB
- F5F7F5
셰이드
- 889C8B
- 738576
- 5F6E61
- 4C584E
- 3A443B
- 283029
- 181D19
- 090C09
- 010201
톤
- 9AAF9D
- 97A99A
- 94A496
- 919F93
- 8F9A90
- 8C948D
- 898F8A
- 868A86
- 838583
색 조화
보색 +180°
- 9DB4A0
Copper Patina
- BBA5B9
≈ Leek Blossom Pink
유사색 -30° +30°
- 9DB4A0
Copper Patina
- AAB196
≈ Spring Walk
- 94B5AD
≈ Treetop
삼각 배색 +120° +240°
- 9DB4A0
Copper Patina
- A3ACC6
≈ Foxflower Viola
- C4A49F
≈ Sable Cloaked
분열 보색 +150° +210°
- 9DB4A0
Copper Patina
- B0A8C2
≈ Winter Amethyst
- C2A3AC
≈ Decanting
사각 배색 +90° +180° +270°
- 9DB4A0
Copper Patina
- 98B1C3
≈ Cloudless Day
- BBA5B9
≈ Leek Blossom Pink
- C0A896
≈ Snug as a Bug
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.21:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.46:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.46:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--copper-patina: #9db4a0;
--copper-patina-rgb: 157 180 160;
--copper-patina-oklch: oklch(0.747 0.038 148.9);
}
.element {
color: var(--copper-patina);
background-color: hsl(128 13% 66%);
border-color: oklch(0.747 0.038 148.9);
}Tailwind CSS v4
@theme {
--color-copper-patina: #9db4a0;
--color-copper-patina-50: #eef8f0;
--color-copper-patina-100: #dfece1;
--color-copper-patina-200: #c9d9cc;
--color-copper-patina-300: #aabdae;
--color-copper-patina-400: #90a592;
--color-copper-patina-500: #758e79;
--color-copper-patina-600: #637866;
--color-copper-patina-700: #4f6052;
--color-copper-patina-800: #3a463b;
--color-copper-patina-900: #283128;
--color-copper-patina-950: #161d16;
}SCSS
$copper-patina: #9db4a0;
$copper-patina-rgb: 157, 180, 160;
$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);
}