가장 가까운 이름 색상 · #B085A2
#B085A2
가장 가까운 이름 색상: Voila!
#B085A2(rgb(176 133 162), hsl(320 21% 61%), oklch(0.667 0.066 338.8))와 가장 가까운 이름 색상은 Voila!입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B085A2
oklch(0.667 0.066 338.8)
색상 변환
- HEX
- #b085a2
- RGB
- rgb(176 133 162)
- HSL
- hsl(320 21% 61%)
- HWB
- hwb(320 52% 31%)
- OKLCH
- oklch(0.667 0.066 338.8)
- OKLab
- oklab(0.667 0.061 -0.024)
- CIE Lab
- lab(60.48 20.54 -8.76)
- LCH
- lch(60.48 22.33 336.9)
- CMYK
- cmyk(0% 24% 8% 31%)
틴트 · 셰이드 · 톤
틴트
- B891AB
- C09DB4
- C8A8BD
- D0B5C6
- D8C1D0
- E0CDD9
- E7D9E2
- EFE6EC
- F7F2F5
셰이드
- 99738C
- 826177
- 6C5063
- 56404F
- 42303C
- 2E212A
- 1C1319
- 0B060A
- 010101
톤
- AB859F
- A7849B
- A28498
- 9D8394
- 988391
- 94828E
- 8F828A
- 8A8187
- 858183
색 조화
보색 +180°
- B085A2
Voila!
- 71A186
≈ Quilotoa Green
유사색 -30° +30°
- B085A2
Voila!
- A08AB4
≈ Kismet
- B9848C
≈ Lime Pink
삼각 배색 +120° +240°
- B085A2
Voila!
- 9E9566
≈ Green Lentils
- 649EB0
≈ Dolphin Daze
분열 보색 +150° +210°
- B085A2
Voila!
- 889D71
≈ Sleepy Hollow
- 63A29C
≈ Aqua Rapids
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.12:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.72:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.72:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--voila: #b085a2;
--voila-rgb: 176 133 162;
--voila-oklch: oklch(0.667 0.066 338.8);
}
.element {
color: var(--voila);
background-color: hsl(320 21% 61%);
border-color: oklch(0.667 0.066 338.8);
}Tailwind CSS v4
@theme {
--color-voila: #b085a2;
--color-voila-50: #ffeefb;
--color-voila-100: #f8e0ef;
--color-voila-200: #e9cadd;
--color-voila-300: #d0abc2;
--color-voila-400: #b990ac;
--color-voila-500: #a47595;
--color-voila-600: #8a637e;
--color-voila-700: #6f4f65;
--color-voila-800: #513a4b;
--color-voila-900: #392834;
--color-voila-950: #23161f;
}SCSS
$voila: #b085a2;
$voila-rgb: 176, 133, 162;
$voila-light: mix(#fff, $voila, 20%);
$voila-dark: mix(#000, $voila, 20%);
.element {
color: $voila;
box-shadow: 0 0 0 2px rgba($voila, 0.35);
}