色名 · #FFDE7B
Banana Biscuit
Banana Biscuitは#FFDE7B：rgb(255 222 123)、hsl(45 100% 74%)、oklch(0.908 0.124 91.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Banana Biscuit color name →
#FFDE7B
oklch(0.908 0.124 91.4)
カラー変換
- HEX
- #ffde7b
- RGB
- rgb(255 222 123)
- HSL
- hsl(45 100% 74%)
- HWB
- hwb(45 48% 0%)
- OKLCH
- oklch(0.908 0.124 91.4)
- OKLab
- oklab(0.908 -0.003 0.124)
- CIE Lab
- lab(89.77 3.03 52.43)
- LCH
- lch(89.77 52.52 86.7)
- CMYK
- cmyk(0% 13% 52% 0%)
ティント · シェード · トーン
ティント
- FFE28A
- FFE599
- FFE9A7
- FFECB4
- FFEFC1
- FFF3CE
- FFF6DA
- FFF9E7
- FFFCF3
シェード
- DEC16A
- BEA55A
- 9E894A
- 806F3A
- 63552C
- 483D1E
- 2E2610
- 161205
- 030201
トーン
- F2D47D
- E4CB7F
- D7C181
- CAB882
- BEAE82
- B1A582
- A49C82
- 989282
- 8C8981
カラーハーモニー
補色 +180°
- FFDE7B
Banana Biscuit
- D6E0FF
≈ Contrail
類似色 -30° +30°
- FFDE7B
Banana Biscuit
- FFD8B9
≈ Durazno Palido
- D4EE8E
≈ Laced Green
トライアド +120° +240°
- FFDE7B
Banana Biscuit
- A1EFFF
≈ Alpine Expedition
- FFCFF8
≈ Pink Diamond
スプリットコンプリメンタリー +150° +210°
- FFDE7B
Banana Biscuit
- C5E6FF
≈ Icy Landscape
- E6D9FF
≈ Transparent Blue
テトラード +90° +180° +270°
- FFDE7B
Banana Biscuit
- 73FCE6
≈ Icy Life
- D6E0FF
≈ Contrail
- FFD3DE
≈ Creamy Strawberry
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.31:1 · APCA Lc 15
Ag
AAA黒の上
WCAG 15.98:1 · APCA Lc 88
最適な文字色: #000000
WCAG 15.98:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--banana-biscuit: #ffde7b;
--banana-biscuit-rgb: 255 222 123;
--banana-biscuit-oklch: oklch(0.908 0.124 91.4);
}
.element {
color: var(--banana-biscuit);
background-color: hsl(45 100% 74%);
border-color: oklch(0.908 0.124 91.4);
}Tailwind CSS v4
@theme {
--color-banana-biscuit: #ffde7b;
--color-banana-biscuit-50: #fff5ce;
--color-banana-biscuit-100: #f6e8b9;
--color-banana-biscuit-200: #e6d497;
--color-banana-biscuit-300: #cdb66b;
--color-banana-biscuit-400: #b99b3c;
--color-banana-biscuit-500: #a48200;
--color-banana-biscuit-600: #8b6e00;
--color-banana-biscuit-700: #6f5800;
--color-banana-biscuit-800: #533f00;
--color-banana-biscuit-900: #3a2c00;
--color-banana-biscuit-950: #241900;
}SCSS
$banana-biscuit: #ffde7b;
$banana-biscuit-rgb: 255, 222, 123;
$banana-biscuit-light: mix(#fff, $banana-biscuit, 20%);
$banana-biscuit-dark: mix(#000, $banana-biscuit, 20%);
.element {
color: $banana-biscuit;
box-shadow: 0 0 0 2px rgba($banana-biscuit, 0.35);
}