가장 가까운 이름 색상 · #815CA5
#815CA5
가장 가까운 이름 색상: Lusty Lavender
#815CA5(rgb(129 92 165), hsl(270 29% 50%), oklch(0.544 0.117 306.3))와 가장 가까운 이름 색상은 Lusty Lavender입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#815CA5
oklch(0.544 0.117 306.3)
색상 변환
- HEX
- #815ca5
- RGB
- rgb(129 92 165)
- HSL
- hsl(270 29% 50%)
- HWB
- hwb(270 36% 35%)
- OKLCH
- oklch(0.544 0.117 306.3)
- OKLab
- oklab(0.544 0.069 -0.094)
- CIE Lab
- lab(45.41 26.65 -33.97)
- LCH
- lch(45.41 43.18 308.1)
- CMYK
- cmyk(22% 44% 0% 35%)
틴트 · 셰이드 · 톤
틴트
- 8D6CAE
- 997CB8
- A58CC1
- B29CCA
- BEACD3
- CBBCDC
- D8CDE5
- E5DDEE
- F2EEF6
셰이드
- 6F4F8F
- 5E4279
- 4E3665
- 3E2A51
- 2E1F3D
- 1F142B
- 120A1A
- 06030A
- 010001
톤
- 8160A2
- 81649E
- 81689B
- 816C97
- 816F94
- 807390
- 80768C
- 807A88
- 807D84
색 조화
보색 +180°
- 815CA5
Lusty Lavender
- 5E7B26
≈ Birch Leaf Green
유사색 -30° +30°
- 815CA5
Lusty Lavender
- 5E68B3
≈ Evening Lagoon
- 995389
≈ Purplish
삼각 배색 +120° +240°
- 815CA5
Lusty Lavender
- 9D600D
≈ Soft Tone Ink
- 008178
≈ Green Garlands
분열 보색 +150° +210°
- 815CA5
Lusty Lavender
- 836F00
≈ Sunlit Kelp Green
- 238352
≈ Monster Monstera
사각 배색 +90° +180° +270°
- 815CA5
Lusty Lavender
- A8543D
≈ Orange Roughy
- 5E7B26
≈ Birch Leaf Green
- 007D94
≈ Mosaic Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 5.24:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 4.00:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--lusty-lavender: #815ca5;
--lusty-lavender-rgb: 129 92 165;
--lusty-lavender-oklch: oklch(0.544 0.117 306.3);
}
.element {
color: var(--lusty-lavender);
background-color: hsl(270 29% 50%);
border-color: oklch(0.544 0.117 306.3);
}Tailwind CSS v4
@theme {
--color-lusty-lavender: #815ca5;
--color-lusty-lavender-50: #ffedff;
--color-lusty-lavender-100: #f3deff;
--color-lusty-lavender-200: #e2c7fb;
--color-lusty-lavender-300: #c8a7e6;
--color-lusty-lavender-400: #b08cd5;
--color-lusty-lavender-500: #9a70c3;
--color-lusty-lavender-600: #825fa4;
--color-lusty-lavender-700: #684c84;
--color-lusty-lavender-800: #4b3763;
--color-lusty-lavender-900: #342645;
--color-lusty-lavender-950: #20142d;
}SCSS
$lusty-lavender: #815ca5;
$lusty-lavender-rgb: 129, 92, 165;
$lusty-lavender-light: mix(#fff, $lusty-lavender, 20%);
$lusty-lavender-dark: mix(#000, $lusty-lavender, 20%);
.element {
color: $lusty-lavender;
box-shadow: 0 0 0 2px rgba($lusty-lavender, 0.35);
}