色名 · #E8C281
Honey Bear
Honey Bearは#E8C281：rgb(232 194 129)、hsl(38 69% 71%)、oklch(0.833 0.093 80.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Honey Bear color name →
#E8C281
oklch(0.833 0.093 80.3)
カラー変換
- HEX
- #e8c281
- RGB
- rgb(232 194 129)
- HSL
- hsl(38 69% 71%)
- HWB
- hwb(38 51% 9%)
- OKLCH
- oklch(0.833 0.093 80.3)
- OKLab
- oklab(0.833 0.016 0.092)
- CIE Lab
- lab(80.72 7.85 37.95)
- LCH
- lch(80.72 38.76 78.3)
- CMYK
- cmyk(0% 16% 44% 9%)
ティント · シェード · トーン
ティント
- EAC88E
- EDCE9B
- EFD5A8
- F2DBB5
- F4E1C1
- F6E7CE
- F8EDDA
- FBF3E6
- FDF9F3
シェード
- CAA86F
- AC8F5E
- 90774E
- 74603E
- 59492E
- 40341F
- 292012
- 130E06
- 030201
トーン
- DDBB82
- D3B582
- C8AE83
- BDA783
- B3A183
- A99A83
- 9E9482
- 948D82
- 8A8781
カラーハーモニー
補色 +180°
- E8C281
Honey Bear
- A9CAFF
≈ Night Snow
類似色 -30° +30°
- E8C281
Honey Bear
- FAB791
≈ Carotene
- CBCE86
≈ Sunken Treasure
トライアド +120° +240°
- E8C281
Honey Bear
- 78DBE0
≈ Deep Aquamarine
- E4B5EE
≈ Candy Dreams
スプリットコンプリメンタリー +150° +210°
- E8C281
Honey Bear
- 86D4FA
≈ Kul Sharif Blue
- C7BFFF
≈ Lavender Tonic
テトラード +90° +180° +270°
- E8C281
Honey Bear
- 87DCBF
≈ Āsmānī Sky
- A9CAFF
≈ Night Snow
- F8AFD0
≈ Spaghetti Strap Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.68:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.46:1 · APCA Lc 73
最適な文字色: #000000
WCAG 12.46:1 (AAA) · APCA Lc 73
Contrast pairs
コードスニペット
CSS
:root {
--honey-bear: #e8c281;
--honey-bear-rgb: 232 194 129;
--honey-bear-oklch: oklch(0.833 0.093 80.3);
}
.element {
color: var(--honey-bear);
background-color: hsl(38 69% 71%);
border-color: oklch(0.833 0.093 80.3);
}Tailwind CSS v4
@theme {
--color-honey-bear: #e8c281;
--color-honey-bear-50: #fff3d8;
--color-honey-bear-100: #f8e6c5;
--color-honey-bear-200: #e8d1a7;
--color-honey-bear-300: #cfb380;
--color-honey-bear-400: #bb995c;
--color-honey-bear-500: #a67f35;
--color-honey-bear-600: #8c6b2f;
--color-honey-bear-700: #715625;
--color-honey-bear-800: #543e19;
--color-honey-bear-900: #3b2b10;
--color-honey-bear-950: #251803;
}SCSS
$honey-bear: #e8c281;
$honey-bear-rgb: 232, 194, 129;
$honey-bear-light: mix(#fff, $honey-bear, 20%);
$honey-bear-dark: mix(#000, $honey-bear, 20%);
.element {
color: $honey-bear;
box-shadow: 0 0 0 2px rgba($honey-bear, 0.35);
}