이름 색상 · #EDAC36
Tonkatsu
Tonkatsu은(는) #EDAC36: rgb(237 172 54), hsl(39 84% 57%), oklch(0.787 0.147 77.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Tonkatsu color name →
#EDAC36
oklch(0.787 0.147 77.7)
색상 변환
- HEX
- #edac36
- RGB
- rgb(237 172 54)
- HSL
- hsl(39 84% 57%)
- HWB
- hwb(39 21% 7%)
- OKLCH
- oklch(0.787 0.147 77.7)
- OKLab
- oklab(0.787 0.031 0.144)
- CIE Lab
- lab(75.23 17.24 66.11)
- LCH
- lch(75.23 68.32 75.4)
- CMYK
- cmyk(0% 27% 77% 7%)
틴트 · 셰이드 · 톤
틴트
- EFB553
- F1BD6A
- F3C67F
- F5CE92
- F7D6A5
- F9DFB8
- FBE7CA
- FCEFDC
- FEF7ED
셰이드
- CE952E
- B07F25
- 93691E
- 775416
- 5C400F
- 422D08
- 2A1B03
- 140B01
- 030100
톤
- E2A845
- D7A450
- CCA059
- C19B61
- B69768
- AB936E
- A08E73
- 958978
- 8B857C
색 조화
보색 +180°
- EDAC36
Tonkatsu
- 8DBCFF
≈ Scenic Water
유사색 -30° +30°
- EDAC36
Tonkatsu
- FF9D6A
≈ Fresh Cantaloupe
- C4C03E
≈ Pyrite Yellow
삼각 배색 +120° +240°
- EDAC36
Tonkatsu
- 00D3D8
≈ Aztec Turquoise
- E09AF7
≈ Medium Lavender Magenta
분열 보색 +150° +210°
- EDAC36
Tonkatsu
- 38CAFF
≈ Thor’s Thunder
- B5AEFF
≈ Winterspring Lilac
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.98:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.55:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.55:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--tonkatsu: #edac36;
--tonkatsu-rgb: 237 172 54;
--tonkatsu-oklch: oklch(0.787 0.147 77.7);
}
.element {
color: var(--tonkatsu);
background-color: hsl(39 84% 57%);
border-color: oklch(0.787 0.147 77.7);
}Tailwind CSS v4
@theme {
--color-tonkatsu: #edac36;
--color-tonkatsu-50: #fff1c6;
--color-tonkatsu-100: #ffe3b1;
--color-tonkatsu-200: #f6ce8b;
--color-tonkatsu-300: #dfaf59;
--color-tonkatsu-400: #ce921a;
--color-tonkatsu-500: #ba7600;
--color-tonkatsu-600: #9d6400;
--color-tonkatsu-700: #7e5000;
--color-tonkatsu-800: #5f3900;
--color-tonkatsu-900: #422700;
--color-tonkatsu-950: #2b1500;
}SCSS
$tonkatsu: #edac36;
$tonkatsu-rgb: 237, 172, 54;
$tonkatsu-light: mix(#fff, $tonkatsu, 20%);
$tonkatsu-dark: mix(#000, $tonkatsu, 20%);
.element {
color: $tonkatsu;
box-shadow: 0 0 0 2px rgba($tonkatsu, 0.35);
}