Benannte Farbe · #F9D9A0
Milky Maize
Milky Maize ist #F9D9A0: rgb(249 217 160), hsl(38 88% 80%), oklch(0.899 0.081 81.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Milky Maize color name →
#F9D9A0
oklch(0.899 0.081 81.7)
Farbumrechnungen
- HEX
- #f9d9a0
- RGB
- rgb(249 217 160)
- HSL
- hsl(38 88% 80%)
- HWB
- hwb(38 63% 2%)
- OKLCH
- oklch(0.899 0.081 81.7)
- OKLab
- oklab(0.899 0.012 0.08)
- CIE Lab
- lab(88.42 5.72 32.45)
- LCH
- lch(88.42 32.95 80)
- CMYK
- cmyk(0% 13% 36% 2%)
Tints · Shades · Tones
Tints
- FADDAA
- FAE1B4
- FBE5BD
- FCE8C7
- FCECD0
- FDF0DA
- FDF4E3
- FEF8EC
- FEFBF6
Shades
- D9BC8B
- B9A176
- 9A8661
- 7D6C4E
- 61533B
- 463B29
- 2C2519
- 151109
- 030201
Tones
- ECD09D
- E0C79A
- D3BE97
- C7B594
- BBAC91
- AFA38E
- A39A8B
- 979187
- 8B8984
Farbharmonien
Komplementär +180°
- F9D9A0
Milky Maize
- CCDFFF
≈ Arc Light
Analog -30° +30°
- F9D9A0
Milky Maize
- FFD3BA
≈ Peachy Bon-Bon
- DFE4A5
≈ Mermaid Tears
Triadisch +120° +240°
- F9D9A0
Milky Maize
- 9BEEF4
≈ Permafrost
- F7CCFE
≈ Sassy Pink
Geteilt komplementär +150° +210°
- F9D9A0
Milky Maize
- B6E6FF
≈ Frozen Landscape
- DDD8FF
≈ Transparent Blue
Tetradisch +90° +180° +270°
- F9D9A0
Milky Maize
- A6F0D7
≈ Magic Mint
- CCDFFF
≈ Arc Light
- FFCEE2
≈ Linnet Egg Red
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.35:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.46:1 · APCA Lc 86
Beste Textfarbe: #000000
WCAG 15.46:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--milky-maize: #f9d9a0;
--milky-maize-rgb: 249 217 160;
--milky-maize-oklch: oklch(0.899 0.081 81.7);
}
.element {
color: var(--milky-maize);
background-color: hsl(38 88% 80%);
border-color: oklch(0.899 0.081 81.7);
}Tailwind CSS v4
@theme {
--color-milky-maize: #f9d9a0;
--color-milky-maize-50: #fff4dc;
--color-milky-maize-100: #f5e6ca;
--color-milky-maize-200: #e5d2ad;
--color-milky-maize-300: #cbb488;
--color-milky-maize-400: #b79a66;
--color-milky-maize-500: #a18143;
--color-milky-maize-600: #886d3a;
--color-milky-maize-700: #6d572e;
--color-milky-maize-800: #513f20;
--color-milky-maize-900: #392b15;
--color-milky-maize-950: #231907;
}SCSS
$milky-maize: #f9d9a0;
$milky-maize-rgb: 249, 217, 160;
$milky-maize-light: mix(#fff, $milky-maize, 20%);
$milky-maize-dark: mix(#000, $milky-maize, 20%);
.element {
color: $milky-maize;
box-shadow: 0 0 0 2px rgba($milky-maize, 0.35);
}