가장 가까운 이름 색상 · #A5BEA9
#A5BEA9
가장 가까운 이름 색상: Copper Patina
#A5BEA9(rgb(165 190 169), hsl(130 16% 70%), oklch(0.777 0.04 149.9))와 가장 가까운 이름 색상은 Copper Patina입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A5BEA9
oklch(0.777 0.04 149.9)
색상 변환
- HEX
- #a5bea9
- RGB
- rgb(165 190 169)
- HSL
- hsl(130 16% 70%)
- HWB
- hwb(130 65% 25%)
- OKLCH
- oklch(0.777 0.04 149.9)
- OKLab
- oklab(0.777 -0.035 0.02)
- CIE Lab
- lab(74.63 -11.89 7.64)
- LCH
- lch(74.63 14.13 147.3)
- CMYK
- cmyk(13% 0% 11% 25%)
틴트 · 셰이드 · 톤
틴트
- AEC4B1
- B7CBBA
- BFD1C2
- C8D8CB
- D1DED3
- DAE5DC
- E3EBE5
- EDF2ED
- F6F8F6
셰이드
- 8FA592
- 798C7C
- 657567
- 515E53
- 3D483F
- 2B332C
- 1A1F1B
- 0A0D0A
- 010201
톤
- A1B8A5
- 9EB1A1
- 9AAB9D
- 96A598
- 939F94
- 8F9890
- 8B928C
- 878C88
- 848684
색 조화
보색 +180°
- A5BEA9
Copper Patina
- C6AEC3
≈ Lavish Lavender
유사색 -30° +30°
- A5BEA9
Copper Patina
- B3BB9E
≈ Jade Cameo
- 9BBFB7
≈ Shadow Green
삼각 배색 +120° +240°
- A5BEA9
Copper Patina
- ACB6D1
≈ Over the Moon
- CFADA7
≈ Lime Hawk Moth
분열 보색 +150° +210°
- A5BEA9
Copper Patina
- BAB1CD
≈ Petunia Trail
- CDACB5
≈ Sugarplum Dance
사각 배색 +90° +180° +270°
- A5BEA9
Copper Patina
- A0BACE
≈ Anchors Away
- C6AEC3
≈ Lavish Lavender
- CAB19D
≈ Practical Beige
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.99:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.53:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.53:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--copper-patina: #a5bea9;
--copper-patina-rgb: 165 190 169;
--copper-patina-oklch: oklch(0.777 0.04 149.9);
}
.element {
color: var(--copper-patina);
background-color: hsl(130 16% 70%);
border-color: oklch(0.777 0.04 149.9);
}Tailwind CSS v4
@theme {
--color-copper-patina: #a5bea9;
--color-copper-patina-50: #edf9f0;
--color-copper-patina-100: #dfece1;
--color-copper-patina-200: #c8d9cc;
--color-copper-patina-300: #a9bead;
--color-copper-patina-400: #8ea592;
--color-copper-patina-500: #748e78;
--color-copper-patina-600: #627866;
--color-copper-patina-700: #4e6051;
--color-copper-patina-800: #39463b;
--color-copper-patina-900: #273128;
--color-copper-patina-950: #151d16;
}SCSS
$copper-patina: #a5bea9;
$copper-patina-rgb: 165, 190, 169;
$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);
}