Warna bernama · #E4C14D
Indian Maize
Indian Maize adalah #E4C14D: rgb(228 193 77), hsl(46 74% 60%), oklch(0.82 0.138 92.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Indian Maize color name →
#E4C14D
oklch(0.82 0.138 92.2)
Konversi warna
- HEX
- #e4c14d
- RGB
- rgb(228 193 77)
- HSL
- hsl(46 74% 60%)
- HWB
- hwb(46 30% 11%)
- OKLCH
- oklch(0.82 0.138 92.2)
- OKLab
- oklab(0.82 -0.005 0.138)
- CIE Lab
- lab(79.58 3.75 60.93)
- LCH
- lch(79.58 61.04 86.5)
- CMYK
- cmyk(0% 15% 66% 11%)
Tint · Shade · Tone
Tint
- E7C764
- E9CE78
- ECD48B
- EFDB9C
- F2E1AD
- F4E7BE
- F7EDCF
- FAF3DF
- FCF9EF
Shade
- C6A742
- A98F37
- 8D772C
- 725F22
- 584918
- 3F340F
- 282007
- 120E02
- 030200
Tone
- DABB56
- CFB45E
- C5AE65
- BBA76B
- B1A16F
- A79A74
- 9D9477
- 938D7B
- 8A877E
Harmoni warna
Komplementer +180°
- E4C14D
Indian Maize
- B0C1FF
≈ Pastel Blue
Analog -30° +30°
- E4C14D
Indian Maize
- FFB169
≈ Mango Salsa
- B5D267
≈ Fashion Green
Triadik +120° +240°
- E4C14D
Indian Maize
- 25DBF8
≈ Vaporwave Blue
- F8A2EC
≈ Lavender Rose
Split-komplementer +150° +210°
- E4C14D
Indian Maize
- 8ACCFF
≈ Platonic Blue
- D1B3FF
≈ Light Violet
Tetradik +90° +180° +270°
- E4C14D
Indian Maize
- 32E1CB
≈ Ice Climber
- B0C1FF
≈ Pastel Blue
- FFA6BE
≈ Amélie’s Tutu
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.74:1 · APCA Lc 32
Ag
AAADi atas hitam
WCAG 12.03:1 · APCA Lc 71
Warna teks terbaik: #000000
WCAG 12.03:1 (AAA) · APCA Lc 71
Contrast pairs
Cuplikan kode
CSS
:root {
--indian-maize: #e4c14d;
--indian-maize-rgb: 228 193 77;
--indian-maize-oklch: oklch(0.82 0.138 92.2);
}
.element {
color: var(--indian-maize);
background-color: hsl(46 74% 60%);
border-color: oklch(0.82 0.138 92.2);
}Tailwind CSS v4
@theme {
--color-indian-maize: #e4c14d;
--color-indian-maize-50: #fff5c9;
--color-indian-maize-100: #f7e8b4;
--color-indian-maize-200: #e7d490;
--color-indian-maize-300: #ceb660;
--color-indian-maize-400: #bb9b28;
--color-indian-maize-500: #a78100;
--color-indian-maize-600: #8d6d00;
--color-indian-maize-700: #715800;
--color-indian-maize-800: #553f00;
--color-indian-maize-900: #3b2b00;
--color-indian-maize-950: #251800;
}SCSS
$indian-maize: #e4c14d;
$indian-maize-rgb: 228, 193, 77;
$indian-maize-light: mix(#fff, $indian-maize, 20%);
$indian-maize-dark: mix(#000, $indian-maize, 20%);
.element {
color: $indian-maize;
box-shadow: 0 0 0 2px rgba($indian-maize, 0.35);
}