이름 색상 · #ECAB3F
Yakitori
Yakitori은(는) #ECAB3F: rgb(236 171 63), hsl(37 82% 59%), oklch(0.784 0.142 76.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Yakitori color name →
#ECAB3F
oklch(0.784 0.142 76.2)
색상 변환
- HEX
- #ecab3f
- RGB
- rgb(236 171 63)
- HSL
- hsl(37 82% 59%)
- HWB
- hwb(37 25% 7%)
- OKLCH
- oklch(0.784 0.142 76.2)
- OKLab
- oklab(0.784 0.034 0.138)
- CIE Lab
- lab(74.92 17.58 62.39)
- LCH
- lch(74.92 64.82 74.3)
- CMYK
- cmyk(0% 28% 73% 7%)
틴트 · 셰이드 · 톤
틴트
- EEB459
- F1BC6E
- F3C582
- F5CD95
- F7D6A7
- F9DEB9
- FAE6CB
- FCEFDC
- FEF7EE
셰이드
- CD9435
- AF7E2C
- 926823
- 76541B
- 5B4012
- 422D0A
- 291B04
- 130B01
- 030100
톤
- E1A74B
- D6A355
- CB9F5D
- C09B64
- B5966A
- AB926F
- A08E74
- 958978
- 8B857C
색 조화
보색 +180°
- ECAB3F
Yakitori
- 8ABBFF
≈ Scenic Water
유사색 -30° +30°
- ECAB3F
Yakitori
- FF9C6C
≈ Fresh Cantaloupe
- C5BE43
≈ Pyrite Yellow
삼각 배색 +120° +240°
- ECAB3F
Yakitori
- 00D3D5
≈ Jade Glass
- DC9BF5
≈ Plasma Trail
분열 보색 +150° +210°
- ECAB3F
Yakitori
- 2CCAFE
≈ Vivid Sky Blue
- B3AEFF
≈ Winterspring Lilac
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.00:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.46:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.46:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--yakitori: #ecab3f;
--yakitori-rgb: 236 171 63;
--yakitori-oklch: oklch(0.784 0.142 76.2);
}
.element {
color: var(--yakitori);
background-color: hsl(37 82% 59%);
border-color: oklch(0.784 0.142 76.2);
}Tailwind CSS v4
@theme {
--color-yakitori: #ecab3f;
--color-yakitori-50: #fff1c8;
--color-yakitori-100: #ffe3b3;
--color-yakitori-200: #f6cd8e;
--color-yakitori-300: #dfae5e;
--color-yakitori-400: #ce9128;
--color-yakitori-500: #ba7500;
--color-yakitori-600: #9d6400;
--color-yakitori-700: #7e5000;
--color-yakitori-800: #5f3900;
--color-yakitori-900: #422700;
--color-yakitori-950: #2b1500;
}SCSS
$yakitori: #ecab3f;
$yakitori-rgb: 236, 171, 63;
$yakitori-light: mix(#fff, $yakitori, 20%);
$yakitori-dark: mix(#000, $yakitori, 20%);
.element {
color: $yakitori;
box-shadow: 0 0 0 2px rgba($yakitori, 0.35);
}