가장 가까운 이름 색상 · #AE3A49
#AE3A49
가장 가까운 이름 색상: Chubby Kiss
#AE3A49(rgb(174 58 73), hsl(352 50% 45%), oklch(0.519 0.151 16.6))와 가장 가까운 이름 색상은 Chubby Kiss입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#AE3A49
oklch(0.519 0.151 16.6)
색상 변환
- HEX
- #ae3a49
- RGB
- rgb(174 58 73)
- HSL
- hsl(352 50% 45%)
- HWB
- hwb(352 23% 32%)
- OKLCH
- oklch(0.519 0.151 16.6)
- OKLab
- oklab(0.519 0.144 0.043)
- CIE Lab
- lab(42.54 48.67 18.6)
- LCH
- lch(42.54 52.1 20.9)
- CMYK
- cmyk(0% 67% 58% 32%)
틴트 · 셰이드 · 톤
틴트
- B8505A
- C2646B
- CC777C
- D48B8E
- DD9EA0
- E5B1B2
- ECC4C5
- F3D8D8
- F9EBEB
셰이드
- 97313E
- 802834
- 6A202A
- 551820
- 411017
- 2E090E
- 1C0406
- 0B0102
- 010000
톤
- AB444F
- A74C54
- A4545A
- A05B5F
- 9C6265
- 97686A
- 926F70
- 8D7575
- 877A7B
색 조화
보색 +180°
- AE3A49
Chubby Kiss
- 00787A
≈ Prismarine
유사색 -30° +30°
- AE3A49
Chubby Kiss
- A33D7A
≈ Maximum Red Purple
- A84700
≈ Pepperoni
삼각 배색 +120° +240°
- AE3A49
Chubby Kiss
- 3A7B0C
≈ Odd Pea Pod
- 2467BD
≈ Blue Streak
분열 보색 +150° +210°
- AE3A49
Chubby Kiss
- 007C5B
≈ Sharp Green
- 007395
≈ Enchanted Blue
사각 배색 +90° +180° +270°
- AE3A49
Chubby Kiss
- 716C00
≈ Worn Olive
- 00787A
≈ Prismarine
- 6556B9
≈ Circumorbital Ring
대비 및 접근성
Ag
AA흰색 위
WCAG 5.99:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.50:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.99:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--chubby-kiss: #ae3a49;
--chubby-kiss-rgb: 174 58 73;
--chubby-kiss-oklch: oklch(0.519 0.151 16.6);
}
.element {
color: var(--chubby-kiss);
background-color: hsl(352 50% 45%);
border-color: oklch(0.519 0.151 16.6);
}Tailwind CSS v4
@theme {
--color-chubby-kiss: #ae3a49;
--color-chubby-kiss-50: #ffe5e4;
--color-chubby-kiss-100: #ffd4d4;
--color-chubby-kiss-200: #ffbabb;
--color-chubby-kiss-300: #fb9799;
--color-chubby-kiss-400: #e9767f;
--color-chubby-kiss-500: #d75362;
--color-chubby-kiss-600: #b64753;
--color-chubby-kiss-700: #923942;
--color-chubby-kiss-800: #6d2832;
--color-chubby-kiss-900: #4d1b22;
--color-chubby-kiss-950: #320a11;
}SCSS
$chubby-kiss: #ae3a49;
$chubby-kiss-rgb: 174, 58, 73;
$chubby-kiss-light: mix(#fff, $chubby-kiss, 20%);
$chubby-kiss-dark: mix(#000, $chubby-kiss, 20%);
.element {
color: $chubby-kiss;
box-shadow: 0 0 0 2px rgba($chubby-kiss, 0.35);
}