가장 가까운 이름 색상 · #E596A4
#E596A4
가장 가까운 이름 색상: Pink Prestige
#E596A4(rgb(229 150 164), hsl(349 60% 74%), oklch(0.756 0.096 8))와 가장 가까운 이름 색상은 Pink Prestige입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E596A4
oklch(0.756 0.096 8)
색상 변환
- HEX
- #e596a4
- RGB
- rgb(229 150 164)
- HSL
- hsl(349 60% 74%)
- HWB
- hwb(349 59% 10%)
- OKLCH
- oklch(0.756 0.096 8)
- OKLab
- oklab(0.756 0.095 0.013)
- CIE Lab
- lab(70.56 31.85 5.61)
- LCH
- lch(70.56 32.34 10)
- CMYK
- cmyk(0% 34% 28% 10%)
틴트 · 셰이드 · 톤
틴트
- E8A1AD
- ECABB6
- EFB5BF
- F2C0C8
- F4CAD1
- F7D5DA
- F9DFE3
- FBEAEC
- FDF4F6
셰이드
- C7828E
- AA6E79
- 8E5B64
- 724950
- 58373D
- 3F262B
- 28161A
- 12080A
- 030101
톤
- DB94A0
- D1929D
- C79099
- BD8E95
- B38C92
- A98A8E
- 9F878B
- 958587
- 8A8284
색 조화
보색 +180°
- E596A4
Pink Prestige
- 5DC4BB
≈ Port Hope
유사색 -30° +30°
- E596A4
Pink Prestige
- D898C5
≈ Girl Power
- E59A83
≈ Shrimp
삼각 배색 +120° +240°
- E596A4
Pink Prestige
- 9EBC79
≈ Gleeful
- 7EB5EA
≈ Aero
분열 보색 +150° +210°
- E596A4
Pink Prestige
- 79C399
≈ Willow Hedge
- 60BFD9
≈ Magnesia Bay
사각 배색 +90° +180° +270°
- E596A4
Pink Prestige
- C0B167
≈ Riesling Grape
- 5DC4BB
≈ Port Hope
- A1AAED
≈ Wondrous Wisteria
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.27:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.23:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.23:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--pink-prestige: #e596a4;
--pink-prestige-rgb: 229 150 164;
--pink-prestige-oklch: oklch(0.756 0.096 8);
}
.element {
color: var(--pink-prestige);
background-color: hsl(349 60% 74%);
border-color: oklch(0.756 0.096 8);
}Tailwind CSS v4
@theme {
--color-pink-prestige: #e596a4;
--color-pink-prestige-50: #ffeaef;
--color-pink-prestige-100: #ffdbe0;
--color-pink-prestige-200: #fac4cb;
--color-pink-prestige-300: #e4a3ac;
--color-pink-prestige-400: #d08693;
--color-pink-prestige-500: #bc6a7a;
--color-pink-prestige-600: #9f5a67;
--color-pink-prestige-700: #7f4852;
--color-pink-prestige-800: #5e343d;
--color-pink-prestige-900: #42232a;
--color-pink-prestige-950: #2a1218;
}SCSS
$pink-prestige: #e596a4;
$pink-prestige-rgb: 229, 150, 164;
$pink-prestige-light: mix(#fff, $pink-prestige, 20%);
$pink-prestige-dark: mix(#000, $pink-prestige, 20%);
.element {
color: $pink-prestige;
box-shadow: 0 0 0 2px rgba($pink-prestige, 0.35);
}