이름 색상 · #F1BA55
Bee
Bee은(는) #F1BA55: rgb(241 186 85), hsl(39 85% 64%), oklch(0.82 0.133 80.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Bee color name →
#F1BA55
oklch(0.82 0.133 80.2)
색상 변환
- HEX
- #f1ba55
- RGB
- rgb(241 186 85)
- HSL
- hsl(39 85% 64%)
- HWB
- hwb(39 33% 5%)
- OKLCH
- oklch(0.82 0.133 80.2)
- OKLab
- oklab(0.82 0.023 0.131)
- CIE Lab
- lab(79.23 12.98 57.63)
- LCH
- lch(79.23 59.07 77.3)
- CMYK
- cmyk(0% 23% 65% 5%)
틴트 · 셰이드 · 톤
틴트
- F3C16A
- F4C87D
- F6CF8E
- F7D69F
- F9DDB0
- FAE4C0
- FCEBD0
- FDF2E0
- FEF8EF
셰이드
- D2A149
- B3893D
- 957231
- 795C26
- 5D461C
- 433211
- 2B1E08
- 140D02
- 030200
톤
- E5B45D
- DAAF63
- CEA969
- C3A36E
- B79D72
- AC9876
- A19279
- 968C7C
- 8B867E
색 조화
보색 +180°
- F1BA55
Bee
- A2C6FF
≈ Apocyan
유사색 -30° +30°
삼각 배색 +120° +240°
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.89:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.89:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--bee: #f1ba55;
--bee-rgb: 241 186 85;
--bee-oklch: oklch(0.82 0.133 80.2);
}
.element {
color: var(--bee);
background-color: hsl(39 85% 64%);
border-color: oklch(0.82 0.133 80.2);
}Tailwind CSS v4
@theme {
--color-bee: #f1ba55;
--color-bee-50: #fff2cb;
--color-bee-100: #fee4b6;
--color-bee-200: #f1cf92;
--color-bee-300: #d9b164;
--color-bee-400: #c79532;
--color-bee-500: #b37a00;
--color-bee-600: #976700;
--color-bee-700: #795200;
--color-bee-800: #5b3b00;
--color-bee-900: #402900;
--color-bee-950: #291600;
}SCSS
$bee: #f1ba55;
$bee-rgb: 241, 186, 85;
$bee-light: mix(#fff, $bee, 20%);
$bee-dark: mix(#000, $bee, 20%);
.element {
color: $bee;
box-shadow: 0 0 0 2px rgba($bee, 0.35);
}