Cor nomeada · #ECAB3F
Yakitori
Yakitori é #ECAB3F: rgb(236 171 63), hsl(37 82% 59%), oklch(0.784 0.142 76.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Yakitori color name →
#ECAB3F
oklch(0.784 0.142 76.2)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- EEB459
- F1BC6E
- F3C582
- F5CD95
- F7D6A7
- F9DEB9
- FAE6CB
- FCEFDC
- FEF7EE
Sombras
- CD9435
- AF7E2C
- 926823
- 76541B
- 5B4012
- 422D0A
- 291B04
- 130B01
- 030100
Tons
- E1A74B
- D6A355
- CB9F5D
- C09B64
- B5966A
- AB926F
- A08E74
- 958978
- 8B857C
Harmonias de cor
Complementar +180°
- ECAB3F
Yakitori
- 8ABBFF
≈ Scenic Water
Análoga -30° +30°
- ECAB3F
Yakitori
- FF9C6C
≈ Fresh Cantaloupe
- C5BE43
≈ Pyrite Yellow
Tríade +120° +240°
- ECAB3F
Yakitori
- 00D3D5
≈ Jade Glass
- DC9BF5
≈ Plasma Trail
Complementar dividida +150° +210°
- ECAB3F
Yakitori
- 2CCAFE
≈ Vivid Sky Blue
- B3AEFF
≈ Winterspring Lilac
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.00:1 · APCA Lc 39
Ag
AAASobre preto
WCAG 10.46:1 · APCA Lc 64
Melhor cor de texto: #000000
WCAG 10.46:1 (AAA) · APCA Lc 64
Contrast pairs
Trechos de código
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);
}