Colore con nome · #E4C14D
Indian Maize
Indian Maize è #E4C14D: rgb(228 193 77), hsl(46 74% 60%), oklch(0.82 0.138 92.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Indian Maize color name →
#E4C14D
oklch(0.82 0.138 92.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E7C764
- E9CE78
- ECD48B
- EFDB9C
- F2E1AD
- F4E7BE
- F7EDCF
- FAF3DF
- FCF9EF
Ombre
- C6A742
- A98F37
- 8D772C
- 725F22
- 584918
- 3F340F
- 282007
- 120E02
- 030200
Toni
- DABB56
- CFB45E
- C5AE65
- BBA76B
- B1A16F
- A79A74
- 9D9477
- 938D7B
- 8A877E
Armonie di colore
Complementare +180°
- E4C14D
Indian Maize
- B0C1FF
≈ Pastel Blue
Analogo -30° +30°
- E4C14D
Indian Maize
- FFB169
≈ Mango Salsa
- B5D267
≈ Fashion Green
Triadico +120° +240°
- E4C14D
Indian Maize
- 25DBF8
≈ Vaporwave Blue
- F8A2EC
≈ Lavender Rose
Complementare divisa +150° +210°
- E4C14D
Indian Maize
- 8ACCFF
≈ Platonic Blue
- D1B3FF
≈ Light Violet
Tetradico +90° +180° +270°
- E4C14D
Indian Maize
- 32E1CB
≈ Ice Climber
- B0C1FF
≈ Pastel Blue
- FFA6BE
≈ Amélie’s Tutu
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.74:1 · APCA Lc 32
Ag
AAASu nero
WCAG 12.03:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 12.03:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
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);
}