이름 색상 · #BD83BE
Lavender Sweater
Lavender Sweater은(는) #BD83BE: rgb(189 131 190), hsl(299 31% 63%), oklch(0.688 0.107 326.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Lavender Sweater color name →
#BD83BE
oklch(0.688 0.107 326.1)
색상 변환
- HEX
- #bd83be
- RGB
- rgb(189 131 190)
- HSL
- hsl(299 31% 63%)
- HWB
- hwb(299 51% 25%)
- OKLCH
- oklch(0.688 0.107 326.1)
- OKLab
- oklab(0.688 0.088 -0.059)
- CIE Lab
- lab(62.27 30.18 -21.76)
- LCH
- lch(62.27 37.2 324.2)
- CMYK
- cmyk(1% 31% 0% 25%)
틴트 · 셰이드 · 톤
틴트
- C48FC5
- CB9BCB
- D1A8D2
- D8B4D8
- DFC0DF
- E5CDE5
- ECD9EC
- F2E6F2
- F9F2F9
셰이드
- A471A5
- 8C608C
- 744F75
- 5D3F5E
- 472F48
- 332033
- 1F121F
- 0D060D
- 020102
톤
- B783B8
- B183B2
- AB83AB
- A583A5
- 9F829F
- 998299
- 938293
- 8C818C
- 868186
색 조화
보색 +180°
- BD83BE
Lavender Sweater
- 6DAC72
≈ Pale Green
유사색 -30° +30°
- BD83BE
Lavender Sweater
- A18DD5
≈ Middy’s Purple
- CF7E9D
≈ Little Bow Pink
삼각 배색 +120° +240°
- BD83BE
Lavender Sweater
- B89646
≈ Roti
- 2FADBB
≈ Placid Sea
분열 보색 +150° +210°
- BD83BE
Lavender Sweater
- 97A352
≈ Overt Green
- 41B098
≈ Hole in One
사각 배색 +90° +180° +270°
- BD83BE
Lavender Sweater
- CD8957
≈ Cork Brown
- 6DAC72
≈ Pale Green
- 51A5D4
≈ Blue Astro
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.93:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.15:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.15:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--lavender-sweater: #bd83be;
--lavender-sweater-rgb: 189 131 190;
--lavender-sweater-oklch: oklch(0.688 0.107 326.1);
}
.element {
color: var(--lavender-sweater);
background-color: hsl(299 31% 63%);
border-color: oklch(0.688 0.107 326.1);
}Tailwind CSS v4
@theme {
--color-lavender-sweater: #bd83be;
--color-lavender-sweater-50: #ffebff;
--color-lavender-sweater-100: #fcdcfa;
--color-lavender-sweater-200: #eec5ec;
--color-lavender-sweater-300: #d6a4d3;
--color-lavender-sweater-400: #bf88c0;
--color-lavender-sweater-500: #aa6cac;
--color-lavender-sweater-600: #905c91;
--color-lavender-sweater-700: #734974;
--color-lavender-sweater-800: #543557;
--color-lavender-sweater-900: #3b243d;
--color-lavender-sweater-950: #251326;
}SCSS
$lavender-sweater: #bd83be;
$lavender-sweater-rgb: 189, 131, 190;
$lavender-sweater-light: mix(#fff, $lavender-sweater, 20%);
$lavender-sweater-dark: mix(#000, $lavender-sweater, 20%);
.element {
color: $lavender-sweater;
box-shadow: 0 0 0 2px rgba($lavender-sweater, 0.35);
}