가장 가까운 이름 색상 · #931459
#931459
가장 가까운 이름 색상: Vertigo Cherry
#931459(rgb(147 20 89), hsl(327 76% 33%), oklch(0.443 0.169 354.3))와 가장 가까운 이름 색상은 Vertigo Cherry입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#931459
oklch(0.443 0.169 354.3)
색상 변환
- HEX
- #931459
- RGB
- rgb(147 20 89)
- HSL
- hsl(327 76% 33%)
- HWB
- hwb(327 8% 42%)
- OKLCH
- oklch(0.443 0.169 354.3)
- OKLab
- oklab(0.443 0.168 -0.017)
- CIE Lab
- lab(33.13 53.62 -5.64)
- LCH
- lch(33.13 53.92 354)
- CMYK
- cmyk(0% 86% 39% 42%)
틴트 · 셰이드 · 톤
틴트
- A03468
- AD4C78
- B96388
- C57998
- D08FA8
- DAA5B9
- E4BBCA
- EED2DC
- F7E8ED
셰이드
- 7F104C
- 6C0C40
- 590834
- 470528
- 36031D
- 250113
- 160109
- 080003
- 010000
톤
- 93275D
- 933461
- 924065
- 914A68
- 8F546C
- 8D5D70
- 8B6674
- 886F78
- 84787C
색 조화
보색 +180°
- 931459
Vertigo Cherry
- 006250
≈ Sci-Fi Takeout
유사색 -30° +30°
- 931459
Vertigo Cherry
- 7E2586
≈ Hello Darkness My Old Friend
- 9B121E
≈ Ruby Red
삼각 배색 +120° +240°
- 931459
Vertigo Cherry
- 535900
≈ Greensboro
- 005B7F
≈ Commandes
분열 보색 +150° +210°
- 931459
Vertigo Cherry
- 006613
≈ Zelyony Green
- 005F67
≈ Petrol
사각 배색 +90° +180° +270°
- 931459
Vertigo Cherry
- 6B4E00
≈ Antique Bronze
- 006250
≈ Sci-Fi Takeout
- 2149AE
≈ The Blues Brothers
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.45:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.48:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 8.45:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--vertigo-cherry: #931459;
--vertigo-cherry-rgb: 147 20 89;
--vertigo-cherry-oklch: oklch(0.443 0.169 354.3);
}
.element {
color: var(--vertigo-cherry);
background-color: hsl(327 76% 33%);
border-color: oklch(0.443 0.169 354.3);
}Tailwind CSS v4
@theme {
--color-vertigo-cherry: #931459;
--color-vertigo-cherry-50: #ffe2f6;
--color-vertigo-cherry-100: #ffd1e9;
--color-vertigo-cherry-200: #ffb6d6;
--color-vertigo-cherry-300: #fb91ba;
--color-vertigo-cherry-400: #e86fa5;
--color-vertigo-cherry-500: #d64a8d;
--color-vertigo-cherry-600: #b54077;
--color-vertigo-cherry-700: #913360;
--color-vertigo-cherry-800: #6c2448;
--color-vertigo-cherry-900: #4c1832;
--color-vertigo-cherry-950: #32081e;
}SCSS
$vertigo-cherry: #931459;
$vertigo-cherry-rgb: 147, 20, 89;
$vertigo-cherry-light: mix(#fff, $vertigo-cherry, 20%);
$vertigo-cherry-dark: mix(#000, $vertigo-cherry, 20%);
.element {
color: $vertigo-cherry;
box-shadow: 0 0 0 2px rgba($vertigo-cherry, 0.35);
}