가장 가까운 이름 색상 · #90407E
#90407E
가장 가까운 이름 색상: Grape Riot
#90407E(rgb(144 64 126), hsl(314 38% 41%), oklch(0.498 0.133 336.8))와 가장 가까운 이름 색상은 Grape Riot입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#90407E
oklch(0.498 0.133 336.8)
색상 변환
- HEX
- #90407e
- RGB
- rgb(144 64 126)
- HSL
- hsl(314 38% 41%)
- HWB
- hwb(314 25% 44%)
- OKLCH
- oklch(0.498 0.133 336.8)
- OKLab
- oklab(0.498 0.122 -0.052)
- CIE Lab
- lab(39.82 40.4 -18.99)
- LCH
- lch(39.82 44.65 334.8)
- CMYK
- cmyk(0% 56% 12% 44%)
틴트 · 셰이드 · 톤
틴트
- 9C538A
- A86697
- B378A4
- BF8BB0
- CA9EBD
- D5B1CA
- E0C4D7
- EAD8E4
- F5EBF2
셰이드
- 7D366D
- 6A2D5C
- 57244C
- 451B3C
- 34132D
- 240B1F
- 150511
- 070105
- 010001
톤
- 8F487E
- 8E4F7F
- 8D557F
- 8C5C7F
- 8B6280
- 896880
- 876E80
- 857480
- 837A80
색 조화
보색 +180°
- 90407E
Grape Riot
- 007646
≈ Succulents
유사색 -30° +30°
- 90407E
Grape Riot
- 774A9D
≈ Studio
- 9E3B56
≈ Raspberry Ice Red
삼각 배색 +120° +240°
- 90407E
Grape Riot
- 736200
≈ Spicy Mustard
- 006E83
≈ Crystal Teal
분열 보색 +150° +210°
- 90407E
Grape Riot
- 4F6F00
≈ Over the Hills
- 00726B
≈ Pharaoh’s Gem
사각 배색 +90° +180° +270°
- 90407E
Grape Riot
- 8C5400
≈ Spear Shaft
- 007646
≈ Succulents
- 0067A8
≈ Medium Persian Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 6.52:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.22:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.52:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--grape-riot: #90407e;
--grape-riot-rgb: 144 64 126;
--grape-riot-oklch: oklch(0.498 0.133 336.8);
}
.element {
color: var(--grape-riot);
background-color: hsl(314 38% 41%);
border-color: oklch(0.498 0.133 336.8);
}Tailwind CSS v4
@theme {
--color-grape-riot: #90407e;
--color-grape-riot-50: #ffe7ff;
--color-grape-riot-100: #ffd7f7;
--color-grape-riot-200: #fbbfe7;
--color-grape-riot-300: #e59dce;
--color-grape-riot-400: #d07ebb;
--color-grape-riot-500: #bc60a6;
--color-grape-riot-600: #9f528c;
--color-grape-riot-700: #7f4171;
--color-grape-riot-800: #5e2f55;
--color-grape-riot-900: #42203b;
--color-grape-riot-950: #2a0f25;
}SCSS
$grape-riot: #90407e;
$grape-riot-rgb: 144, 64, 126;
$grape-riot-light: mix(#fff, $grape-riot, 20%);
$grape-riot-dark: mix(#000, $grape-riot, 20%);
.element {
color: $grape-riot;
box-shadow: 0 0 0 2px rgba($grape-riot, 0.35);
}