Colore con nome · #EDAC36
Tonkatsu
Tonkatsu è #EDAC36: rgb(237 172 54), hsl(39 84% 57%), oklch(0.787 0.147 77.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tonkatsu color name →
#EDAC36
oklch(0.787 0.147 77.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- EFB553
- F1BD6A
- F3C67F
- F5CE92
- F7D6A5
- F9DFB8
- FBE7CA
- FCEFDC
- FEF7ED
Ombre
- CE952E
- B07F25
- 93691E
- 775416
- 5C400F
- 422D08
- 2A1B03
- 140B01
- 030100
Toni
- E2A845
- D7A450
- CCA059
- C19B61
- B69768
- AB936E
- A08E73
- 958978
- 8B857C
Armonie di colore
Complementare +180°
- EDAC36
Tonkatsu
- 8DBCFF
≈ Scenic Water
Analogo -30° +30°
- EDAC36
Tonkatsu
- FF9D6A
≈ Fresh Cantaloupe
- C4C03E
≈ Pyrite Yellow
Triadico +120° +240°
- EDAC36
Tonkatsu
- 00D3D8
≈ Aztec Turquoise
- E09AF7
≈ Medium Lavender Magenta
Complementare divisa +150° +210°
- EDAC36
Tonkatsu
- 38CAFF
≈ Thor’s Thunder
- B5AEFF
≈ Winterspring Lilac
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.98:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.55:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.55:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
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);
}