이름 색상 · #84549B
Royal Lilac
Royal Lilac은(는) #84549B: rgb(132 84 155), hsl(281 30% 47%), oklch(0.528 0.12 314). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Royal Lilac color name →
#84549B
oklch(0.528 0.12 314)
색상 변환
- HEX
- #84549b
- RGB
- rgb(132 84 155)
- HSL
- hsl(281 30% 47%)
- HWB
- hwb(281 33% 39%)
- OKLCH
- oklch(0.528 0.12 314)
- OKLab
- oklab(0.528 0.083 -0.086)
- CIE Lab
- lab(43.47 30.28 -31.05)
- LCH
- lch(43.47 43.37 314.3)
- CMYK
- cmyk(15% 46% 0% 39%)
틴트 · 셰이드 · 톤
틴트
- 9065A5
- 9C75AF
- A886B9
- B497C3
- C0A8CD
- CDB9D7
- D9CAE1
- E6DBEB
- F2EDF5
셰이드
- 724886
- 603C72
- 4F315E
- 3F264B
- 2F1B39
- 201128
- 120818
- 060209
- 010001
톤
- 845999
- 845E96
- 836294
- 836791
- 836B8F
- 82708C
- 827489
- 817886
- 817C83
색 조화
보색 +180°
- 84549B
Royal Lilac
- 4D7A2B
≈ Master Chief
유사색 -30° +30°
- 84549B
Royal Lilac
- 6460AD
≈ Blue Iris
- 9A4C7C
≈ Orchid Lei
삼각 배색 +120° +240°
- 84549B
Royal Lilac
- 916000
≈ Rat Brown
- 007B7A
≈ Buzzards Bay
분열 보색 +150° +210°
- 84549B
Royal Lilac
- 766E00
≈ Bronze Yellow
- 007F59
≈ Irish Beauty
사각 배색 +90° +180° +270°
- 84549B
Royal Lilac
- A2512B
≈ Texas Ranger Brown
- 4D7A2B
≈ Master Chief
- 007795
≈ Celestial
대비 및 접근성
Ag
AA흰색 위
WCAG 5.64:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.72:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--royal-lilac: #84549b;
--royal-lilac-rgb: 132 84 155;
--royal-lilac-oklch: oklch(0.528 0.12 314);
}
.element {
color: var(--royal-lilac);
background-color: hsl(281 30% 47%);
border-color: oklch(0.528 0.12 314);
}Tailwind CSS v4
@theme {
--color-royal-lilac: #84549b;
--color-royal-lilac-50: #ffebff;
--color-royal-lilac-100: #f8dcff;
--color-royal-lilac-200: #e9c5f7;
--color-royal-lilac-300: #d0a5e1;
--color-royal-lilac-400: #b889d0;
--color-royal-lilac-500: #a36cbd;
--color-royal-lilac-600: #895ca0;
--color-royal-lilac-700: #6e4980;
--color-royal-lilac-800: #503560;
--color-royal-lilac-900: #382443;
--color-royal-lilac-950: #22132b;
}SCSS
$royal-lilac: #84549b;
$royal-lilac-rgb: 132, 84, 155;
$royal-lilac-light: mix(#fff, $royal-lilac, 20%);
$royal-lilac-dark: mix(#000, $royal-lilac, 20%);
.element {
color: $royal-lilac;
box-shadow: 0 0 0 2px rgba($royal-lilac, 0.35);
}