色名 · #EFCC7C

Mountain Maize

Mountain Maizeは#EFCC7C：rgb(239 204 124)、hsl(42 78% 71%)、oklch(0.858 0.107 86.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Yellow mean? → · Mountain Maize color name →

#EFCC7C

oklch(0.858 0.107 86.6)

カラー変換

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%)

ティント · シェード · トーン

ティント

F1D18A
F2D698
F4DCA6
F6E1B3
F7E6C0
F9EBCD
FAF0D9
FCF5E6
FDFAF2

シェード

D0B16B
B1975A
947E4A
78653B
5C4E2C
42371E
2A2211
140F05
030201

トーン

E3C47E
D8BD7F
CDB580
C1AD81
B6A681
AB9E82
A09781
958F81
8B8881

カラーハーモニー

補色 +180°

EFCC7C
Mountain Maize
BCD0FF
≈ Ice Cold Stare

類似色 -30° +30°

トライアド +120° +240°

スプリットコンプリメンタリー +150° +210°

テトラード +90° +180° +270°

コントラストとアクセシビリティ

白の上

WCAG 1.54:1 · APCA Lc 25

Fail

黒の上

WCAG 13.59:1 · APCA Lc 78

AAA

最適な文字色: #000000

WCAG 13.59:1 (AAA) · APCA Lc 78

Contrast pairs

コードスニペット

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);
}

近い色名

Palettes with similar colors

ツールで開く

ピッカーペアコントラストチェッカー Studio JSON API