Màu có tên · #FBEC5E
Maizena
Maizena là #FBEC5E: rgb(251 236 94), hsl(54 95% 68%), oklch(0.929 0.16 103.3). 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? → · Maizena color name →
#FBEC5E
oklch(0.929 0.16 103.3)
Chuyển đổi màu
- HEX
- #fbec5e
- RGB
- rgb(251 236 94)
- HSL
- hsl(54 95% 68%)
- HWB
- hwb(54 37% 2%)
- OKLCH
- oklch(0.929 0.16 103.3)
- OKLab
- oklab(0.929 -0.037 0.156)
- CIE Lab
- lab(92.7 -6.71 68.18)
- LCH
- lch(92.7 68.51 95.6)
- CMYK
- cmyk(0% 6% 63% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FBEE74
- FBF087
- FCF398
- FCF5A9
- FCF7B8
- FDF8C7
- FDFAD5
- FEFCE3
- FEFEF1
Sắc đậm
- DACD51
- BAAF44
- 9C9237
- 7E762B
- 615B1F
- 464214
- 2D290A
- 151303
- 030300
Sắc xám
- EEE166
- E1D66C
- D4CB72
- C8C076
- BBB579
- AFAB7C
- A3A07E
- 97957F
- 8B8B80
Hòa sắc
Bổ túc +180°
- FBEC5E
Maizena
- E4E5FF
≈ Lavender Mist
Tương đồng -30° +30°
- FBEC5E
Maizena
- FFE3BF
≈ Orange Glow
- BCFF8C
≈ Light Yellowish Green
Bộ ba +120° +240°
- FBEC5E
Maizena
- C7EFFF
≈ Heaven’s Gate
- FFDCF0
≈ Transparent Pink
Bổ túc chia +150° +210°
- FBEC5E
Maizena
- D8EAFF
≈ Veiling Waterfalls
- F3DFFF
≈ Lavender Savour
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.21:1 · APCA Lc 11
Ag
AAATrên nền đen
WCAG 17.26:1 · APCA Lc 94
Màu chữ tốt nhất: #000000
WCAG 17.26:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--maizena: #fbec5e;
--maizena-rgb: 251 236 94;
--maizena-oklch: oklch(0.929 0.16 103.3);
}
.element {
color: var(--maizena);
background-color: hsl(54 95% 68%);
border-color: oklch(0.929 0.16 103.3);
}Tailwind CSS v4
@theme {
--color-maizena: #fbec5e;
--color-maizena-50: #fbf9c4;
--color-maizena-100: #efecad;
--color-maizena-200: #ded986;
--color-maizena-300: #c3bc52;
--color-maizena-400: #b0a100;
--color-maizena-500: #9a8800;
--color-maizena-600: #827300;
--color-maizena-700: #685c00;
--color-maizena-800: #4f4300;
--color-maizena-900: #372e00;
--color-maizena-950: #221a00;
}SCSS
$maizena: #fbec5e;
$maizena-rgb: 251, 236, 94;
$maizena-light: mix(#fff, $maizena, 20%);
$maizena-dark: mix(#000, $maizena, 20%);
.element {
color: $maizena;
box-shadow: 0 0 0 2px rgba($maizena, 0.35);
}