이름 색상 · #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);
}