이름 색상 · #E2AF80
Manhattan
Manhattan은(는) #E2AF80: rgb(226 175 128), hsl(29 63% 69%), oklch(0.79 0.086 63.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Manhattan color name →
#E2AF80
oklch(0.79 0.086 63.7)
색상 변환
- HEX
- #e2af80
- RGB
- rgb(226 175 128)
- HSL
- hsl(29 63% 69%)
- HWB
- hwb(29 50% 11%)
- OKLCH
- oklch(0.79 0.086 63.7)
- OKLab
- oklab(0.79 0.038 0.077)
- CIE Lab
- lab(75.43 14.87 31.63)
- LCH
- lch(75.43 34.95 64.8)
- CMYK
- cmyk(0% 23% 43% 11%)
틴트 · 셰이드 · 톤
틴트
- E5B78D
- E8BF9A
- EBC7A6
- EFCFB3
- F1D7C0
- F4DFCC
- F7E7D9
- FAEFE6
- FCF7F2
셰이드
- C4986E
- A8815D
- 8C6B4D
- 71563D
- 57412E
- 3E2E1F
- 271C12
- 120B06
- 030101
톤
- D8AA81
- CEA681
- C4A181
- BA9C82
- B09882
- A79382
- 9D8E81
- 938A81
- 8A8581
색 조화
보색 +180°
- E2AF80
Manhattan
- 8AC1EE
≈ Wasurenagusa Blue
유사색 -30° +30°
- E2AF80
Manhattan
- ECA796
≈ Pale Terra
- CDBA7A
≈ Green Citrine
삼각 배색 +120° +240°
- E2AF80
Manhattan
- 77CDC0
≈ Jolly Jade
- C6ADE8
≈ Purple Sand
분열 보색 +150° +210°
- E2AF80
Manhattan
- 75C9DC
≈ Betsy
- A9B7F2
≈ Perano
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.96:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.67:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.67:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
CSS
:root {
--manhattan: #e2af80;
--manhattan-rgb: 226 175 128;
--manhattan-oklch: oklch(0.79 0.086 63.7);
}
.element {
color: var(--manhattan);
background-color: hsl(29 63% 69%);
border-color: oklch(0.79 0.086 63.7);
}Tailwind CSS v4
@theme {
--color-manhattan: #e2af80;
--color-manhattan-50: #fff1dc;
--color-manhattan-100: #fde3ca;
--color-manhattan-200: #eeceae;
--color-manhattan-300: #d6af89;
--color-manhattan-400: #c39468;
--color-manhattan-500: #ae7946;
--color-manhattan-600: #93673c;
--color-manhattan-700: #765230;
--color-manhattan-800: #583b22;
--color-manhattan-900: #3d2916;
--color-manhattan-950: #271608;
}SCSS
$manhattan: #e2af80;
$manhattan-rgb: 226, 175, 128;
$manhattan-light: mix(#fff, $manhattan, 20%);
$manhattan-dark: mix(#000, $manhattan, 20%);
.element {
color: $manhattan;
box-shadow: 0 0 0 2px rgba($manhattan, 0.35);
}