가장 가까운 이름 색상 · #A05666
#A05666
가장 가까운 이름 색상: Cherry Berry
#A05666(rgb(160 86 102), hsl(347 30% 48%), oklch(0.545 0.099 7.1))와 가장 가까운 이름 색상은 Cherry Berry입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A05666
oklch(0.545 0.099 7.1)
색상 변환
- HEX
- #a05666
- RGB
- rgb(160 86 102)
- HSL
- hsl(347 30% 48%)
- HWB
- hwb(347 34% 37%)
- OKLCH
- oklch(0.545 0.099 7.1)
- OKLab
- oklab(0.545 0.098 0.012)
- CIE Lab
- lab(46.04 32.52 5.16)
- LCH
- lch(46.04 32.93 9)
- CMYK
- cmyk(0% 46% 36% 37%)
틴트 · 셰이드 · 톤
틴트
- AA6674
- B57783
- BF8791
- C898A0
- D2A8AF
- DBB9BF
- E5CBCF
- EEDCDF
- F6EDEF
셰이드
- 8B4A58
- 763E4A
- 61323C
- 4E272F
- 3B1C23
- 291217
- 19080C
- 090204
- 010000
톤
- 9E5B69
- 9B5F6B
- 98646E
- 956870
- 926C73
- 8F7076
- 8C7478
- 88787B
- 847C7D
색 조화
보색 +180°
- A05666
Cherry Berry
- 008279
≈ Blue Winged Teal
유사색 -30° +30°
- A05666
Cherry Berry
- 945985
≈ Antique Fuchsia
- A15A45
≈ Ceramic Brown
삼각 배색 +120° +240°
- A05666
Cherry Berry
- 607B37
≈ Mangrove Leaf
- 3B75A6
≈ Decoration Blue
분열 보색 +150° +210°
- A05666
Cherry Berry
- 368159
≈ Kākāriki Green
- 007D95
≈ Mosaic Blue
사각 배색 +90° +180° +270°
- A05666
Cherry Berry
- 807020
≈ Wood Garlic
- 008279
≈ Blue Winged Teal
- 626AA9
≈ Twinkle Night
대비 및 접근성
Ag
AA흰색 위
WCAG 5.22:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 4.01:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--cherry-berry: #a05666;
--cherry-berry-rgb: 160 86 102;
--cherry-berry-oklch: oklch(0.545 0.099 7.1);
}
.element {
color: var(--cherry-berry);
background-color: hsl(347 30% 48%);
border-color: oklch(0.545 0.099 7.1);
}Tailwind CSS v4
@theme {
--color-cherry-berry: #a05666;
--color-cherry-berry-50: #ffeaef;
--color-cherry-berry-100: #ffdbe1;
--color-cherry-berry-200: #fbc3cb;
--color-cherry-berry-300: #e5a3ad;
--color-cherry-berry-400: #d18694;
--color-cherry-berry-500: #bd697b;
--color-cherry-berry-600: #a05968;
--color-cherry-berry-700: #804753;
--color-cherry-berry-800: #5f333e;
--color-cherry-berry-900: #42232a;
--color-cherry-berry-950: #2b1218;
}SCSS
$cherry-berry: #a05666;
$cherry-berry-rgb: 160, 86, 102;
$cherry-berry-light: mix(#fff, $cherry-berry, 20%);
$cherry-berry-dark: mix(#000, $cherry-berry, 20%);
.element {
color: $cherry-berry;
box-shadow: 0 0 0 2px rgba($cherry-berry, 0.35);
}