가장 가까운 이름 색상 · #E672BA
#E672BA
가장 가까운 이름 색상: Fugitive Flamingo
#E672BA(rgb(230 114 186), hsl(323 70% 67%), oklch(0.708 0.165 344.1))와 가장 가까운 이름 색상은 Fugitive Flamingo입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E672BA
oklch(0.708 0.165 344.1)
색상 변환
- HEX
- #e672ba
- RGB
- rgb(230 114 186)
- HSL
- hsl(323 70% 67%)
- HWB
- hwb(323 45% 10%)
- OKLCH
- oklch(0.708 0.165 344.1)
- OKLab
- oklab(0.708 0.159 -0.045)
- CIE Lab
- lab(63.87 52.01 -16.47)
- LCH
- lch(63.87 54.56 342.4)
- CMYK
- cmyk(0% 50% 19% 10%)
틴트 · 셰이드 · 톤
틴트
- EA81C1
- EE90C8
- F19ECF
- F4ACD6
- F7BADC
- F9C8E3
- FBD6EA
- FDE3F1
- FEF1F8
셰이드
- C862A1
- AB5389
- 8E4472
- 73365C
- 592846
- 401B32
- 280E1E
- 13040D
- 030102
톤
- DC75B4
- D377AE
- C979A8
- BF7BA3
- B57C9D
- AB7D97
- A07E91
- 967F8B
- 8B8086
색 조화
보색 +180°
- E672BA
Fugitive Flamingo
- 00BE87
≈ Cōng Lǜ Green
유사색 -30° +30°
- E672BA
Fugitive Flamingo
- C67EE8
≈ Lavender Perceptions
- F66F81
≈ Strawberry Pink
삼각 배색 +120° +240°
- E672BA
Fugitive Flamingo
- B1A400
≈ Snakebite Leather
- 00B2DE
≈ Blue Atoll
분열 보색 +150° +210°
- E672BA
Fugitive Flamingo
- 74B641
≈ Nasty Green
- 00B8B7
≈ Swagger
사각 배색 +90° +180° +270°
- E672BA
Fugitive Flamingo
- D89000
≈ Harvest Eve Gold
- 00BE87
≈ Cōng Lǜ Green
- 56A3FF
≈ Âbi Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.80:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.48:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--fugitive-flamingo: #e672ba;
--fugitive-flamingo-rgb: 230 114 186;
--fugitive-flamingo-oklch: oklch(0.708 0.165 344.1);
}
.element {
color: var(--fugitive-flamingo);
background-color: hsl(323 70% 67%);
border-color: oklch(0.708 0.165 344.1);
}Tailwind CSS v4
@theme {
--color-fugitive-flamingo: #e672ba;
--color-fugitive-flamingo-50: #ffe3ff;
--color-fugitive-flamingo-100: #ffd2f4;
--color-fugitive-flamingo-200: #ffb8e3;
--color-fugitive-flamingo-300: #f493c9;
--color-fugitive-flamingo-400: #e072b6;
--color-fugitive-flamingo-500: #cd4fa1;
--color-fugitive-flamingo-600: #ad4488;
--color-fugitive-flamingo-700: #8b366d;
--color-fugitive-flamingo-800: #672752;
--color-fugitive-flamingo-900: #481a39;
--color-fugitive-flamingo-950: #2f0a23;
}SCSS
$fugitive-flamingo: #e672ba;
$fugitive-flamingo-rgb: 230, 114, 186;
$fugitive-flamingo-light: mix(#fff, $fugitive-flamingo, 20%);
$fugitive-flamingo-dark: mix(#000, $fugitive-flamingo, 20%);
.element {
color: $fugitive-flamingo;
box-shadow: 0 0 0 2px rgba($fugitive-flamingo, 0.35);
}