色名 · #FBEC5E
Maizena
Maizenaは#FBEC5E：rgb(251 236 94)、hsl(54 95% 68%)、oklch(0.929 0.16 103.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Maizena color name →
#FBEC5E
oklch(0.929 0.16 103.3)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- FBEE74
- FBF087
- FCF398
- FCF5A9
- FCF7B8
- FDF8C7
- FDFAD5
- FEFCE3
- FEFEF1
シェード
- DACD51
- BAAF44
- 9C9237
- 7E762B
- 615B1F
- 464214
- 2D290A
- 151303
- 030300
トーン
- EEE166
- E1D66C
- D4CB72
- C8C076
- BBB579
- AFAB7C
- A3A07E
- 97957F
- 8B8B80
カラーハーモニー
補色 +180°
- FBEC5E
Maizena
- E4E5FF
≈ Lavender Mist
類似色 -30° +30°
- FBEC5E
Maizena
- FFE3BF
≈ Orange Glow
- BCFF8C
≈ Light Yellowish Green
トライアド +120° +240°
- FBEC5E
Maizena
- C7EFFF
≈ Heaven’s Gate
- FFDCF0
≈ Transparent Pink
スプリットコンプリメンタリー +150° +210°
- FBEC5E
Maizena
- D8EAFF
≈ Veiling Waterfalls
- F3DFFF
≈ Lavender Savour
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.21:1 · APCA Lc 11
Ag
AAA黒の上
WCAG 17.26:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.26:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
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);
}