Benoemde kleur · #EFCC7C
Mountain Maize
Mountain Maize is #EFCC7C: rgb(239 204 124), hsl(42 78% 71%), oklch(0.858 0.107 86.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Mountain Maize color name →
#EFCC7C
oklch(0.858 0.107 86.6)
Kleurconversies
- HEX
- #efcc7c
- RGB
- rgb(239 204 124)
- HSL
- hsl(42 78% 71%)
- HWB
- hwb(42 49% 6%)
- OKLCH
- oklch(0.858 0.107 86.6)
- OKLab
- oklab(0.858 0.006 0.106)
- CIE Lab
- lab(83.82 5.4 44.44)
- LCH
- lch(83.82 44.77 83.1)
- CMYK
- cmyk(0% 15% 48% 6%)
Tinten · Schaduwen · Tonen
Tinten
- F1D18A
- F2D698
- F4DCA6
- F6E1B3
- F7E6C0
- F9EBCD
- FAF0D9
- FCF5E6
- FDFAF2
Schaduwen
- D0B16B
- B1975A
- 947E4A
- 78653B
- 5C4E2C
- 42371E
- 2A2211
- 140F05
- 030201
Tonen
- E3C47E
- D8BD7F
- CDB580
- C1AD81
- B6A681
- AB9E82
- A09781
- 958F81
- 8B8881
Kleurharmonieën
Complementair +180°
- EFCC7C
Mountain Maize
- BCD0FF
≈ Ice Cold Stare
Analoog -30° +30°
- EFCC7C
Mountain Maize
- FFC296
≈ Wispy White
- CCDA87
≈ Medium Spring Bud
Triadisch +120° +240°
- EFCC7C
Mountain Maize
- 71E4F3
≈ Turkish Turquoise
- F6B8F6
≈ Sweet Slumber Pink
Gesplitst complementair +150° +210°
- EFCC7C
Mountain Maize
- 9DD9FF
≈ Shiva Blue
- D5C6FF
≈ Innocent Snowdrop
Tetradisch +90° +180° +270°
- EFCC7C
Mountain Maize
- 7CE8CE
≈ Turquoise Chalk
- BCD0FF
≈ Ice Cold Stare
- FFB9D2
≈ Baby Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.54:1 · APCA Lc 25
Ag
AAAOp zwart
WCAG 13.59:1 · APCA Lc 78
Beste tekstkleur: #000000
WCAG 13.59:1 (AAA) · APCA Lc 78
Contrast pairs
Codefragmenten
CSS
:root {
--mountain-maize: #efcc7c;
--mountain-maize-rgb: 239 204 124;
--mountain-maize-oklch: oklch(0.858 0.107 86.6);
}
.element {
color: var(--mountain-maize);
background-color: hsl(42 78% 71%);
border-color: oklch(0.858 0.107 86.6);
}Tailwind CSS v4
@theme {
--color-mountain-maize: #efcc7c;
--color-mountain-maize-50: #fff4d3;
--color-mountain-maize-100: #f6e7c0;
--color-mountain-maize-200: #e7d3a0;
--color-mountain-maize-300: #ceb577;
--color-mountain-maize-400: #ba9a4f;
--color-mountain-maize-500: #a5801e;
--color-mountain-maize-600: #8b6d1d;
--color-mountain-maize-700: #705717;
--color-mountain-maize-800: #533f0e;
--color-mountain-maize-900: #3a2b09;
--color-mountain-maize-950: #241800;
}SCSS
$mountain-maize: #efcc7c;
$mountain-maize-rgb: 239, 204, 124;
$mountain-maize-light: mix(#fff, $mountain-maize, 20%);
$mountain-maize-dark: mix(#000, $mountain-maize, 20%);
.element {
color: $mountain-maize;
box-shadow: 0 0 0 2px rgba($mountain-maize, 0.35);
}