가장 가까운 이름 색상 · #AE0047
#AE0047
가장 가까운 이름 색상: Raspberry
#AE0047(rgb(174 0 71), hsl(336 100% 34%), oklch(0.481 0.192 8.8))와 가장 가까운 이름 색상은 Raspberry입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#AE0047
oklch(0.481 0.192 8.8)
색상 변환
- HEX
- #ae0047
- RGB
- rgb(174 0 71)
- HSL
- hsl(336 100% 34%)
- HWB
- hwb(336 0% 32%)
- OKLCH
- oklch(0.481 0.192 8.8)
- OKLab
- oklab(0.481 0.19 0.029)
- CIE Lab
- lab(37.48 62.25 13.19)
- LCH
- lch(37.48 63.63 12)
- CMYK
- cmyk(0% 100% 59% 32%)
틴트 · 셰이드 · 톤
틴트
- B93158
- C44D69
- CE657A
- D77B8C
- E0919E
- E8A7B1
- EFBDC4
- F5D3D7
- FAE9EB
셰이드
- 97003D
- 800032
- 6A0028
- 55001F
- 410016
- 2E000D
- 1C0006
- 0B0002
- 010000
톤
- AB224D
- A93352
- A54058
- A24B5D
- 9E5663
- 995F69
- 94686F
- 8E7074
- 88787A
색 조화
보색 +180°
- AE0047
Raspberry
- 006C67
≈ Green Dragon
유사색 -30° +30°
- AE0047
Raspberry
- 9C1A81
≈ Haunted Purple
- A23300
≈ Salsa Mexicana
삼각 배색 +120° +240°
- AE0047
Raspberry
- 476A00
≈ Over the Hills
- 0060A4
≈ Directoire Blue
분열 보색 +150° +210°
- AE0047
Raspberry
- 007046
≈ Diisha Green
- 00697F
≈ Pilot Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.26:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 2.89:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 7.26:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--raspberry: #ae0047;
--raspberry-rgb: 174 0 71;
--raspberry-oklch: oklch(0.481 0.192 8.8);
}
.element {
color: var(--raspberry);
background-color: hsl(336 100% 34%);
border-color: oklch(0.481 0.192 8.8);
}Tailwind CSS v4
@theme {
--color-raspberry: #ae0047;
--color-raspberry-50: #ffdfe8;
--color-raspberry-100: #ffced8;
--color-raspberry-200: #ffb1c0;
--color-raspberry-300: #ff8a9f;
--color-raspberry-400: #f96487;
--color-raspberry-500: #e7376c;
--color-raspberry-600: #c3315b;
--color-raspberry-700: #9d2749;
--color-raspberry-800: #751b37;
--color-raspberry-900: #531226;
--color-raspberry-950: #370314;
}SCSS
$raspberry: #ae0047;
$raspberry-rgb: 174, 0, 71;
$raspberry-light: mix(#fff, $raspberry, 20%);
$raspberry-dark: mix(#000, $raspberry, 20%);
.element {
color: $raspberry;
box-shadow: 0 0 0 2px rgba($raspberry, 0.35);
}