Màu có tên · #EECC44
Montezuma Gold
Montezuma Gold là #EECC44: rgb(238 204 68), hsl(48 83% 60%), oklch(0.851 0.153 94.6). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Yellow mean? → · Montezuma Gold color name →
#EECC44
oklch(0.851 0.153 94.6)
Chuyển đổi màu
- HEX
- #eecc44
- RGB
- rgb(238 204 68)
- HSL
- hsl(48 83% 60%)
- HWB
- hwb(48 27% 7%)
- OKLCH
- oklch(0.851 0.153 94.6)
- OKLab
- oklab(0.851 -0.012 0.152)
- CIE Lab
- lab(83.26 2.21 68.42)
- LCH
- lch(83.26 68.45 88.1)
- CMYK
- cmyk(0% 14% 71% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F0D15F
- F1D775
- F3DC88
- F5E19B
- F6E7AD
- F8ECBE
- FAF1CE
- FCF5DF
- FDFAEF
Sắc đậm
- CFB13A
- B19730
- 937E26
- 77651D
- 5C4E14
- 42370C
- 2A2205
- 140F02
- 030200
Sắc xám
- E2C450
- D7BD5A
- CCB562
- C0AE69
- B5A66E
- AA9F73
- A09777
- 958F7B
- 8A887E
Hòa sắc
Bổ túc +180°
- EECC44
Montezuma Gold
- BFCBFF
≈ Light Periwinkle
Tương đồng -30° +30°
- EECC44
Montezuma Gold
- FFC082
≈ Buttery
- B8DF68
≈ Queen of Gardens
Bộ ba +120° +240°
- EECC44
Montezuma Gold
- 5EE2FF
≈ Athena Blue
- FFB0EE
≈ Pink Apotheosis
Bổ túc chia +150° +210°
- EECC44
Montezuma Gold
- A2D4FF
≈ Malmö FF
- DBC0FF
≈ Lavender Fragrance
Bộ bốn +90° +180° +270°
- EECC44
Montezuma Gold
- 00EDDA
≈ Frozen Boubble
- BFCBFF
≈ Light Periwinkle
- FFB7C7
≈ Cherry Blossom Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.57:1 · APCA Lc 26
Ag
AAATrên nền đen
WCAG 13.35:1 · APCA Lc 77
Màu chữ tốt nhất: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
Đoạn mã
CSS
:root {
--montezuma-gold: #eecc44;
--montezuma-gold-rgb: 238 204 68;
--montezuma-gold-oklch: oklch(0.851 0.153 94.6);
}
.element {
color: var(--montezuma-gold);
background-color: hsl(48 83% 60%);
border-color: oklch(0.851 0.153 94.6);
}Tailwind CSS v4
@theme {
--color-montezuma-gold: #eecc44;
--color-montezuma-gold-50: #fff6c4;
--color-montezuma-gold-100: #f6e9ae;
--color-montezuma-gold-200: #e7d588;
--color-montezuma-gold-300: #ceb754;
--color-montezuma-gold-400: #bb9c00;
--color-montezuma-gold-500: #a78200;
--color-montezuma-gold-600: #8d6e00;
--color-montezuma-gold-700: #715800;
--color-montezuma-gold-800: #553f00;
--color-montezuma-gold-900: #3b2c00;
--color-montezuma-gold-950: #251900;
}SCSS
$montezuma-gold: #eecc44;
$montezuma-gold-rgb: 238, 204, 68;
$montezuma-gold-light: mix(#fff, $montezuma-gold, 20%);
$montezuma-gold-dark: mix(#000, $montezuma-gold, 20%);
.element {
color: $montezuma-gold;
box-shadow: 0 0 0 2px rgba($montezuma-gold, 0.35);
}