가장 가까운 이름 색상 · #432F90
#432F90
가장 가까운 이름 색상: Galactic Purple
#432F90(rgb(67 47 144), hsl(252 51% 37%), oklch(0.389 0.152 286.5))와 가장 가까운 이름 색상은 Galactic Purple입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#432F90
oklch(0.389 0.152 286.5)
색상 변환
- HEX
- #432f90
- RGB
- rgb(67 47 144)
- HSL
- hsl(252 51% 37%)
- HWB
- hwb(252 18% 44%)
- OKLCH
- oklch(0.389 0.152 286.5)
- OKLab
- oklab(0.389 0.043 -0.146)
- CIE Lab
- lab(26.67 29.82 -51.69)
- LCH
- lch(26.67 59.67 300)
- CMYK
- cmyk(53% 67% 0% 44%)
틴트 · 셰이드 · 톤
틴트
- 52459C
- 6259A8
- 746EB4
- 8682BF
- 9996CA
- ACABD5
- C0BFE0
- D5D4EA
- EAEAF5
셰이드
- 39277D
- 2F206A
- 261957
- 1D1245
- 140C34
- 0C0624
- 050315
- 010107
- 000001
톤
- 48398F
- 4D428F
- 524B8E
- 58538C
- 5E5B8B
- 656389
- 6B6A87
- 727185
- 797983
색 조화
보색 +180°
- 432F90
Galactic Purple
- 4B4700
≈ Alligator Gladiator
유사색 -30° +30°
- 432F90
Galactic Purple
- 00428B
≈ Pacific Depths
- 631F79
≈ Berry Blackmail
삼각 배색 +120° +240°
- 432F90
Galactic Purple
- 712D00
≈ Cold Press Coffee
- 00523B
≈ Trapper Green
분열 보색 +150° +210°
- 432F90
Galactic Purple
- 5D3E00
≈ Hippogriff Brown
- 235200
≈ Patch of Land
사각 배색 +90° +180° +270°
- 432F90
Galactic Purple
- 830627
≈ Oxblood
- 4B4700
≈ Alligator Gladiator
- 005051
≈ Wool Turquoise
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.25:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 2.04:1 · APCA Lc 9
가장 좋은 글자색: #FFFFFF
WCAG 10.25:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--galactic-purple: #432f90;
--galactic-purple-rgb: 67 47 144;
--galactic-purple-oklch: oklch(0.389 0.152 286.5);
}
.element {
color: var(--galactic-purple);
background-color: hsl(252 51% 37%);
border-color: oklch(0.389 0.152 286.5);
}Tailwind CSS v4
@theme {
--color-galactic-purple: #432f90;
--color-galactic-purple-50: #f3efff;
--color-galactic-purple-100: #e5e1ff;
--color-galactic-purple-200: #d1caff;
--color-galactic-purple-300: #b4aaff;
--color-galactic-purple-400: #998ff3;
--color-galactic-purple-500: #8172e4;
--color-galactic-purple-600: #6d61c0;
--color-galactic-purple-700: #574d9b;
--color-galactic-purple-800: #3e3974;
--color-galactic-purple-900: #2a2752;
--color-galactic-purple-950: #181537;
}SCSS
$galactic-purple: #432f90;
$galactic-purple-rgb: 67, 47, 144;
$galactic-purple-light: mix(#fff, $galactic-purple, 20%);
$galactic-purple-dark: mix(#000, $galactic-purple, 20%);
.element {
color: $galactic-purple;
box-shadow: 0 0 0 2px rgba($galactic-purple, 0.35);
}