가장 가까운 이름 색상 · #B473D5
#B473D5
가장 가까운 이름 색상: Lavender
#B473D5(rgb(180 115 213), hsl(280 54% 64%), oklch(0.662 0.155 313.4))와 가장 가까운 이름 색상은 Lavender입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B473D5
oklch(0.662 0.155 313.4)
색상 변환
- HEX
- #b473d5
- RGB
- rgb(180 115 213)
- HSL
- hsl(280 54% 64%)
- HWB
- hwb(280 45% 16%)
- OKLCH
- oklch(0.662 0.155 313.4)
- OKLab
- oklab(0.662 0.106 -0.112)
- CIE Lab
- lab(58.49 39.04 -40.61)
- LCH
- lch(58.49 56.33 313.9)
- CMYK
- cmyk(15% 46% 0% 16%)
틴트 · 셰이드 · 톤
틴트
- BC81DA
- C390DF
- CB9EE3
- D2ABE8
- DAB9EC
- E1C7F0
- E9D5F4
- F0E3F8
- F8F1FB
셰이드
- 9C63B9
- 85549E
- 6E4583
- 58366A
- 442851
- 301B3A
- 1D0F24
- 0C0510
- 020102
톤
- AF75CD
- AA77C4
- A579BC
- 9F7AB3
- 9A7CAB
- 957DA2
- 907E9A
- 8B7F91
- 857F89
색 조화
보색 +180°
- B473D5
Lavender
- 6BA638
≈ Siren of Nature
유사색 -30° +30°
- B473D5
Lavender
- 8883ED
≈ Lavender Blue Shadow
- D268AB
≈ Mega Magenta
삼각 배색 +120° +240°
- B473D5
Lavender
- C68300
≈ Bubonic Brown
- 00A8A6
≈ Jade Orchid
분열 보색 +150° +210°
- B473D5
Lavender
- A29600
≈ Papyrus
- 00AD7A
≈ Bright Camouflage
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.30:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.35:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.35:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--lavender: #b473d5;
--lavender-rgb: 180 115 213;
--lavender-oklch: oklch(0.662 0.155 313.4);
}
.element {
color: var(--lavender);
background-color: hsl(280 54% 64%);
border-color: oklch(0.662 0.155 313.4);
}Tailwind CSS v4
@theme {
--color-lavender: #b473d5;
--color-lavender-50: #ffe8ff;
--color-lavender-100: #fcd9ff;
--color-lavender-200: #eec0ff;
--color-lavender-300: #d69fed;
--color-lavender-400: #bf81de;
--color-lavender-500: #aa62cd;
--color-lavender-600: #8f53ad;
--color-lavender-700: #73428b;
--color-lavender-800: #543069;
--color-lavender-900: #3a214a;
--color-lavender-950: #241030;
}SCSS
$lavender: #b473d5;
$lavender-rgb: 180, 115, 213;
$lavender-light: mix(#fff, $lavender, 20%);
$lavender-dark: mix(#000, $lavender, 20%);
.element {
color: $lavender;
box-shadow: 0 0 0 2px rgba($lavender, 0.35);
}