色名 · #EBCA70
Bee Pollen
Bee Pollenは#EBCA70：rgb(235 202 112)、hsl(44 75% 68%)、oklch(0.849 0.116 89.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Bee Pollen color name →
#EBCA70
oklch(0.849 0.116 89.7)
カラー変換
- HEX
- #ebca70
- RGB
- rgb(235 202 112)
- HSL
- hsl(44 75% 68%)
- HWB
- hwb(44 44% 8%)
- OKLCH
- oklch(0.849 0.116 89.7)
- OKLab
- oklab(0.849 0.001 0.116)
- CIE Lab
- lab(82.81 3.99 48.95)
- LCH
- lch(82.81 49.11 85.3)
- CMYK
- cmyk(0% 14% 52% 8%)
ティント · シェード · トーン
ティント
- EDCF80
- EFD58F
- F1DA9E
- F3E0AD
- F5E5BB
- F7EAC9
- F9F0D6
- FBF5E4
- FDFAF1
シェード
- CCAF60
- AE9551
- 917C43
- 756435
- 5B4D27
- 41371A
- 29220E
- 130F04
- 030201
トーン
- E0C373
- D5BB76
- CAB479
- BFAC7B
- B4A57C
- A99D7E
- 9F967F
- 948F7F
- 8A8780
カラーハーモニー
補色 +180°
- EBCA70
Bee Pollen
- BACCFF
≈ Light Periwinkle
類似色 -30° +30°
- EBCA70
Bee Pollen
- FFBE89
≈ Orange Mousse
- C4D980
≈ Pancotto Pugliese
トライアド +120° +240°
- EBCA70
Bee Pollen
- 62E2F7
≈ Electric Lemonade
- F8B2F2
≈ Pink Apotheosis
スプリットコンプリメンタリー +150° +210°
- EBCA70
Bee Pollen
- 9AD5FF
≈ Long Island Sound
- D6C1FF
≈ Innocent Snowdrop
テトラード +90° +180° +270°
- EBCA70
Bee Pollen
- 6BE6D0
≈ Turquoise Chalk
- BACCFF
≈ Light Periwinkle
- FFB5CB
≈ Baby Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.58:1 · APCA Lc 27
Ag
AAA黒の上
WCAG 13.21:1 · APCA Lc 76
最適な文字色: #000000
WCAG 13.21:1 (AAA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--bee-pollen: #ebca70;
--bee-pollen-rgb: 235 202 112;
--bee-pollen-oklch: oklch(0.849 0.116 89.7);
}
.element {
color: var(--bee-pollen);
background-color: hsl(44 75% 68%);
border-color: oklch(0.849 0.116 89.7);
}Tailwind CSS v4
@theme {
--color-bee-pollen: #ebca70;
--color-bee-pollen-50: #fff5d0;
--color-bee-pollen-100: #f6e7bd;
--color-bee-pollen-200: #e6d39b;
--color-bee-pollen-300: #cdb671;
--color-bee-pollen-400: #b99b46;
--color-bee-pollen-500: #a48100;
--color-bee-pollen-600: #8b6e08;
--color-bee-pollen-700: #6f5809;
--color-bee-pollen-800: #533f04;
--color-bee-pollen-900: #3a2c04;
--color-bee-pollen-950: #241900;
}SCSS
$bee-pollen: #ebca70;
$bee-pollen-rgb: 235, 202, 112;
$bee-pollen-light: mix(#fff, $bee-pollen, 20%);
$bee-pollen-dark: mix(#000, $bee-pollen, 20%);
.element {
color: $bee-pollen;
box-shadow: 0 0 0 2px rgba($bee-pollen, 0.35);
}