가장 가까운 이름 색상 · #D51AA4
#D51AA4
가장 가까운 이름 색상: Aphroditean Fuchsia
#D51AA4(rgb(213 26 164), hsl(316 78% 47%), oklch(0.593 0.243 342.5))와 가장 가까운 이름 색상은 Aphroditean Fuchsia입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D51AA4
oklch(0.593 0.243 342.5)
색상 변환
- HEX
- #d51aa4
- RGB
- rgb(213 26 164)
- HSL
- hsl(316 78% 47%)
- HWB
- hwb(316 10% 16%)
- OKLCH
- oklch(0.593 0.243 342.5)
- OKLab
- oklab(0.593 0.232 -0.073)
- CIE Lab
- lab(49.25 74.49 -26.23)
- LCH
- lch(49.25 78.97 340.6)
- CMYK
- cmyk(0% 88% 23% 16%)
틴트 · 셰이드 · 톤
틴트
- DC41AD
- E35CB6
- E973C0
- EE88C9
- F39DD2
- F7B1DB
- FAC4E4
- FCD8ED
- FEEBF6
셰이드
- B9158E
- 9E1079
- 830C64
- 6A0750
- 51043D
- 3A022B
- 24011A
- 10000A
- 020001
톤
- CE32A1
- C7419D
- BF4D9A
- B85796
- B06093
- A7678F
- 9E6E8B
- 957588
- 8B7A84
색 조화
보색 +180°
- D51AA4
Aphroditean Fuchsia
- 009567
≈ Emerald Lake
유사색 -30° +30°
- D51AA4
Aphroditean Fuchsia
- AE3CE2
≈ Magenta Affair
- E80056
≈ Howling Pink
삼각 배색 +120° +240°
- D51AA4
Aphroditean Fuchsia
- 8D8000
≈ Fickle Pickle
- 008CAD
≈ Algiers Blue
분열 보색 +150° +210°
- D51AA4
Aphroditean Fuchsia
- 559100
≈ Vida Loca
- 00918E
≈ Supermint
사각 배색 +90° +180° +270°
- D51AA4
Aphroditean Fuchsia
- AB7000
≈ Cookie Dough
- 009567
≈ Emerald Lake
- 007EE4
≈ Soothing Sapphire
대비 및 접근성
Ag
AA흰색 위
WCAG 4.65:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.51:1 · APCA Lc 31
가장 좋은 글자색: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--aphroditean-fuchsia: #d51aa4;
--aphroditean-fuchsia-rgb: 213 26 164;
--aphroditean-fuchsia-oklch: oklch(0.593 0.243 342.5);
}
.element {
color: var(--aphroditean-fuchsia);
background-color: hsl(316 78% 47%);
border-color: oklch(0.593 0.243 342.5);
}Tailwind CSS v4
@theme {
--color-aphroditean-fuchsia: #d51aa4;
--color-aphroditean-fuchsia-50: #ffdaff;
--color-aphroditean-fuchsia-100: #ffc7fb;
--color-aphroditean-fuchsia-200: #ffa8ed;
--color-aphroditean-fuchsia-300: #ff7dd4;
--color-aphroditean-fuchsia-400: #f852c4;
--color-aphroditean-fuchsia-500: #e600b0;
--color-aphroditean-fuchsia-600: #c20e95;
--color-aphroditean-fuchsia-700: #9c0e77;
--color-aphroditean-fuchsia-800: #74085b;
--color-aphroditean-fuchsia-900: #520640;
--color-aphroditean-fuchsia-950: #360029;
}SCSS
$aphroditean-fuchsia: #d51aa4;
$aphroditean-fuchsia-rgb: 213, 26, 164;
$aphroditean-fuchsia-light: mix(#fff, $aphroditean-fuchsia, 20%);
$aphroditean-fuchsia-dark: mix(#000, $aphroditean-fuchsia, 20%);
.element {
color: $aphroditean-fuchsia;
box-shadow: 0 0 0 2px rgba($aphroditean-fuchsia, 0.35);
}