이름 색상 · #A282A9
Regal Orchid
Regal Orchid은(는) #A282A9: rgb(162 130 169), hsl(289 18% 59%), oklch(0.65 0.068 320.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Regal Orchid color name →
#A282A9
oklch(0.65 0.068 320.2)
색상 변환
- HEX
- #a282a9
- RGB
- rgb(162 130 169)
- HSL
- hsl(289 18% 59%)
- HWB
- hwb(289 51% 34%)
- OKLCH
- oklch(0.65 0.068 320.2)
- OKLab
- oklab(0.65 0.052 -0.043)
- CIE Lab
- lab(58.46 17.97 -15.94)
- LCH
- lch(58.46 24.02 318.4)
- CMYK
- cmyk(4% 23% 0% 34%)
틴트 · 셰이드 · 톤
틴트
- AB8EB1
- B49ABA
- BDA6C2
- C7B3CB
- D0BFD4
- D9CCDC
- E3D8E5
- ECE5EE
- F5F2F6
셰이드
- 8C7092
- 775F7C
- 634E67
- 4F3E53
- 3C2F3F
- 2A202C
- 19121B
- 0A060A
- 010101
톤
- 9F82A5
- 9B82A1
- 98829D
- 958299
- 918195
- 8E8190
- 8A818C
- 878188
- 838084
색 조화
보색 +180°
- A282A9
Regal Orchid
- 799A72
≈ Horenso Green
유사색 -30° +30°
- A282A9
Regal Orchid
- 8E88B6
≈ Silk Lilac
- B07E95
≈ Heather Violet
삼각 배색 +120° +240°
- A282A9
Regal Orchid
- A58B5F
≈ Garden Salt Green
- 5A9CA0
≈ Hydroport
분열 보색 +150° +210°
- A282A9
Regal Orchid
- 919363
≈ Green Cast
- 649D89
≈ Scotch Lassie
사각 배색 +90° +180° +270°
- A282A9
Regal Orchid
- B1836A
≈ Cider Spice
- 799A72
≈ Horenso Green
- 6397B1
≈ Shirt Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.33:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.30:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.30:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--regal-orchid: #a282a9;
--regal-orchid-rgb: 162 130 169;
--regal-orchid-oklch: oklch(0.65 0.068 320.2);
}
.element {
color: var(--regal-orchid);
background-color: hsl(289 18% 59%);
border-color: oklch(0.65 0.068 320.2);
}Tailwind CSS v4
@theme {
--color-regal-orchid: #a282a9;
--color-regal-orchid-50: #ffefff;
--color-regal-orchid-100: #f3e1f6;
--color-regal-orchid-200: #e3cbe6;
--color-regal-orchid-300: #c8accc;
--color-regal-orchid-400: #b192b8;
--color-regal-orchid-500: #9b78a2;
--color-regal-orchid-600: #836589;
--color-regal-orchid-700: #69516e;
--color-regal-orchid-800: #4c3b52;
--color-regal-orchid-900: #352839;
--color-regal-orchid-950: #201623;
}SCSS
$regal-orchid: #a282a9;
$regal-orchid-rgb: 162, 130, 169;
$regal-orchid-light: mix(#fff, $regal-orchid, 20%);
$regal-orchid-dark: mix(#000, $regal-orchid, 20%);
.element {
color: $regal-orchid;
box-shadow: 0 0 0 2px rgba($regal-orchid, 0.35);
}