가장 가까운 이름 색상 · #916AFF
#916AFF
가장 가까운 이름 색상: Orion Nebula
#916AFF(rgb(145 106 255), hsl(256 100% 71%), oklch(0.638 0.212 291.3))와 가장 가까운 이름 색상은 Orion Nebula입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#916AFF
oklch(0.638 0.212 291.3)
색상 변환
- HEX
- #916aff
- RGB
- rgb(145 106 255)
- HSL
- hsl(256 100% 71%)
- HWB
- hwb(256 42% 0%)
- OKLCH
- oklch(0.638 0.212 291.3)
- OKLab
- oklab(0.638 0.077 -0.197)
- CIE Lab
- lab(54.76 41.92 -70.19)
- LCH
- lch(54.76 81.75 300.9)
- CMYK
- cmyk(43% 58% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 9A7BFF
- A48BFF
- AE9AFF
- B9A9FF
- C4B8FF
- CFC6FF
- DBD5FF
- E7E3FF
- F3F1FF
셰이드
- 7D5BDE
- 6A4DBE
- 583F9E
- 463180
- 352463
- 251848
- 150D2E
- 070416
- 010003
톤
- 8F6EF3
- 8C72E6
- 8A75DA
- 8878CD
- 877AC1
- 857CB4
- 837DA7
- 827E9A
- 817F8D
색 조화
보색 +180°
- 916AFF
Orion Nebula
- 909300
≈ Old Asparagus
유사색 -30° +30°
- 916AFF
Orion Nebula
- 4385FF
≈ Bleuchâtel Blue
- C354D7
≈ Medium Orchid
삼각 배색 +120° +240°
- 916AFF
Orion Nebula
- D76700
≈ Apple II Chocolate
- 00A382
≈ Congo Green
분열 보색 +150° +210°
- 916AFF
Orion Nebula
- B48200
≈ Arrowwood
- 22A800
≈ Peter Pan
사각 배색 +90° +180° +270°
- 916AFF
Orion Nebula
- F1404F
≈ Vineyard Autumn
- 909300
≈ Old Asparagus
- 009FA7
≈ Ducati
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.67:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.70:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.70:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--orion-nebula: #916aff;
--orion-nebula-rgb: 145 106 255;
--orion-nebula-oklch: oklch(0.638 0.212 291.3);
}
.element {
color: var(--orion-nebula);
background-color: hsl(256 100% 71%);
border-color: oklch(0.638 0.212 291.3);
}Tailwind CSS v4
@theme {
--color-orion-nebula: #916aff;
--color-orion-nebula-50: #f7eaff;
--color-orion-nebula-100: #eadbff;
--color-orion-nebula-200: #d8c2ff;
--color-orion-nebula-300: #bda0ff;
--color-orion-nebula-400: #a381ff;
--color-orion-nebula-500: #8d5eff;
--color-orion-nebula-600: #7750db;
--color-orion-nebula-700: #5f40b0;
--color-orion-nebula-800: #442f85;
--color-orion-nebula-900: #2f205e;
--color-orion-nebula-950: #1c0e40;
}SCSS
$orion-nebula: #916aff;
$orion-nebula-rgb: 145, 106, 255;
$orion-nebula-light: mix(#fff, $orion-nebula, 20%);
$orion-nebula-dark: mix(#000, $orion-nebula, 20%);
.element {
color: $orion-nebula;
box-shadow: 0 0 0 2px rgba($orion-nebula, 0.35);
}