가장 가까운 이름 색상 · #9550E0
#9550E0
가장 가까운 이름 색상: Magenta Affair
#9550E0(rgb(149 80 224), hsl(269 70% 60%), oklch(0.584 0.211 302.3))와 가장 가까운 이름 색상은 Magenta Affair입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9550E0
oklch(0.584 0.211 302.3)
색상 변환
- HEX
- #9550e0
- RGB
- rgb(149 80 224)
- HSL
- hsl(269 70% 60%)
- HWB
- hwb(269 31% 12%)
- OKLCH
- oklch(0.584 0.211 302.3)
- OKLab
- oklab(0.584 0.113 -0.178)
- CIE Lab
- lab(48.21 49.8 -63.4)
- LCH
- lch(48.21 80.62 308.1)
- CMYK
- cmyk(33% 64% 0% 12%)
틴트 · 셰이드 · 톤
틴트
- 9F64E5
- A977E9
- B389ED
- BD9AF0
- C8ABF4
- D3BCF7
- DDCDF9
- E8DDFC
- F4EEFD
셰이드
- 8144C3
- 6D39A6
- 5A2E8A
- 482470
- 371A56
- 26103E
- 160727
- 080212
- 010002
톤
- 9358D7
- 905ECE
- 8E64C4
- 8C69BB
- 8A6EB2
- 8872A8
- 86769E
- 847A95
- 827D8A
색 조화
보색 +180°
- 9550E0
Magenta Affair
- 6D8800
≈ Swamp Green
유사색 -30° +30°
- 9550E0
Magenta Affair
- 5568F5
≈ Flickering Sea
- BE3BB1
≈ Pink Perennial
삼각 배색 +120° +240°
- 9550E0
Magenta Affair
- B26600
≈ Ginger
- 008F80
≈ Philips Green
분열 보색 +150° +210°
- 9550E0
Magenta Affair
- 957800
≈ Bhūrā Brown
- 00944B
≈ Paperboy’s Lawn
사각 배색 +90° +180° +270°
- 9550E0
Magenta Affair
- DC3111
≈ Dynamite Red
- 6D8800
≈ Swamp Green
- 008B9F
≈ Parrot Flight
대비 및 접근성
Ag
AA흰색 위
WCAG 4.66:1 · APCA Lc 72
Ag
AA검은색 위
WCAG 4.50:1 · APCA Lc 30
가장 좋은 글자색: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--magenta-affair: #9550e0;
--magenta-affair-rgb: 149 80 224;
--magenta-affair-oklch: oklch(0.584 0.211 302.3);
}
.element {
color: var(--magenta-affair);
background-color: hsl(269 70% 60%);
border-color: oklch(0.584 0.211 302.3);
}Tailwind CSS v4
@theme {
--color-magenta-affair: #9550e0;
--color-magenta-affair-50: #ffe7ff;
--color-magenta-affair-100: #f7d7ff;
--color-magenta-affair-200: #e8bdff;
--color-magenta-affair-300: #d099ff;
--color-magenta-affair-400: #b779ff;
--color-magenta-affair-500: #a354f6;
--color-magenta-affair-600: #8a49d0;
--color-magenta-affair-700: #6e3aa7;
--color-magenta-affair-800: #4f2a7e;
--color-magenta-affair-900: #371c59;
--color-magenta-affair-950: #220b3d;
}SCSS
$magenta-affair: #9550e0;
$magenta-affair-rgb: 149, 80, 224;
$magenta-affair-light: mix(#fff, $magenta-affair, 20%);
$magenta-affair-dark: mix(#000, $magenta-affair, 20%);
.element {
color: $magenta-affair;
box-shadow: 0 0 0 2px rgba($magenta-affair, 0.35);
}