이름 색상 · #AA2F78
Festival Fuchsia
Festival Fuchsia은(는) #AA2F78: rgb(170 47 120), hsl(324 57% 43%), oklch(0.515 0.174 348.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Festival Fuchsia color name →
#AA2F78
oklch(0.515 0.174 348.5)
색상 변환
- HEX
- #aa2f78
- RGB
- rgb(170 47 120)
- HSL
- hsl(324 57% 43%)
- HWB
- hwb(324 18% 33%)
- OKLCH
- oklch(0.515 0.174 348.5)
- OKLab
- oklab(0.515 0.171 -0.035)
- CIE Lab
- lab(41.41 54.86 -12.4)
- LCH
- lch(41.41 56.24 347.3)
- CMYK
- cmyk(0% 72% 29% 33%)
틴트 · 셰이드 · 톤
틴트
- B54785
- BF5D92
- C9729F
- D286AC
- DB9ABA
- E3AEC7
- EBC2D5
- F2D6E3
- F9EBF1
셰이드
- 932767
- 7D2057
- 681948
- 531239
- 3F0C2A
- 2D061D
- 1B0310
- 0B0105
- 010001
톤
- A73B79
- A4457A
- A14E7B
- 9D567B
- 9A5E7C
- 95657D
- 916C7E
- 8C737F
- 867A7F
색 조화
보색 +180°
- AA2F78
Festival Fuchsia
- 007A5D
≈ Emerald Dream
유사색 -30° +30°
- AA2F78
Festival Fuchsia
- 903DA6
≈ Akebi Purple
- B62B3F
≈ Timeless Beauty
삼각 배색 +120° +240°
- AA2F78
Festival Fuchsia
- 6E6C00
≈ Worn Olive
- 007295
≈ Enchanted Blue
분열 보색 +150° +210°
- AA2F78
Festival Fuchsia
- 2D7C00
≈ Tree Green
- 00777A
≈ Prismarine
사각 배색 +90° +180° +270°
- AA2F78
Festival Fuchsia
- 895F00
≈ Rat Brown
- 007A5D
≈ Emerald Dream
- 1A62C9
≈ Royal Navy Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 6.20:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.38:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.20:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--festival-fuchsia: #aa2f78;
--festival-fuchsia-rgb: 170 47 120;
--festival-fuchsia-oklch: oklch(0.515 0.174 348.5);
}
.element {
color: var(--festival-fuchsia);
background-color: hsl(324 57% 43%);
border-color: oklch(0.515 0.174 348.5);
}Tailwind CSS v4
@theme {
--color-festival-fuchsia: #aa2f78;
--color-festival-fuchsia-50: #ffe1fc;
--color-festival-fuchsia-100: #ffd1f0;
--color-festival-fuchsia-200: #ffb5de;
--color-festival-fuchsia-300: #f990c3;
--color-festival-fuchsia-400: #e76eaf;
--color-festival-fuchsia-500: #d44999;
--color-festival-fuchsia-600: #b33f81;
--color-festival-fuchsia-700: #903268;
--color-festival-fuchsia-800: #6a234e;
--color-festival-fuchsia-900: #4b1836;
--color-festival-fuchsia-950: #310821;
}SCSS
$festival-fuchsia: #aa2f78;
$festival-fuchsia-rgb: 170, 47, 120;
$festival-fuchsia-light: mix(#fff, $festival-fuchsia, 20%);
$festival-fuchsia-dark: mix(#000, $festival-fuchsia, 20%);
.element {
color: $festival-fuchsia;
box-shadow: 0 0 0 2px rgba($festival-fuchsia, 0.35);
}