Warna bernama · #EDAC36
Tonkatsu
Tonkatsu adalah #EDAC36: rgb(237 172 54), hsl(39 84% 57%), oklch(0.787 0.147 77.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Tonkatsu color name →
#EDAC36
oklch(0.787 0.147 77.7)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- EFB553
- F1BD6A
- F3C67F
- F5CE92
- F7D6A5
- F9DFB8
- FBE7CA
- FCEFDC
- FEF7ED
Shade
- CE952E
- B07F25
- 93691E
- 775416
- 5C400F
- 422D08
- 2A1B03
- 140B01
- 030100
Tone
- E2A845
- D7A450
- CCA059
- C19B61
- B69768
- AB936E
- A08E73
- 958978
- 8B857C
Harmoni warna
Komplementer +180°
- EDAC36
Tonkatsu
- 8DBCFF
≈ Scenic Water
Analog -30° +30°
- EDAC36
Tonkatsu
- FF9D6A
≈ Fresh Cantaloupe
- C4C03E
≈ Pyrite Yellow
Triadik +120° +240°
- EDAC36
Tonkatsu
- 00D3D8
≈ Aztec Turquoise
- E09AF7
≈ Medium Lavender Magenta
Split-komplementer +150° +210°
- EDAC36
Tonkatsu
- 38CAFF
≈ Thor’s Thunder
- B5AEFF
≈ Winterspring Lilac
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.98:1 · APCA Lc 38
Ag
AAADi atas hitam
WCAG 10.55:1 · APCA Lc 64
Warna teks terbaik: #000000
WCAG 10.55:1 (AAA) · APCA Lc 64
Contrast pairs
Cuplikan kode
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);
}