이름 색상 · #FFC82A
Bumblebee
Bumblebee은(는) #FFC82A: rgb(255 200 42), hsl(45 100% 58%), oklch(0.858 0.167 87.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Bumblebee color name →
#FFC82A
oklch(0.858 0.167 87.2)
색상 변환
- HEX
- #ffc82a
- RGB
- rgb(255 200 42)
- HSL
- hsl(45 100% 58%)
- HWB
- hwb(45 16% 0%)
- OKLCH
- oklch(0.858 0.167 87.2)
- OKLab
- oklab(0.858 0.008 0.166)
- CIE Lab
- lab(83.86 10.62 77.86)
- LCH
- lch(83.86 78.58 82.2)
- CMYK
- cmyk(0% 22% 84% 0%)
틴트 · 셰이드 · 톤
틴트
- FFCE50
- FFD46A
- FFDA80
- FFDF94
- FFE5A7
- FFEABA
- FFF0CC
- FFF5DD
- FFFAEE
셰이드
- DEAE23
- BE941C
- 9E7B16
- 806310
- 634C0A
- 483605
- 2E2102
- 160F01
- 030200
톤
- F2C140
- E5BA4E
- D8B359
- CBAC62
- BEA469
- B19D6F
- A59674
- 988F79
- 8C877D
색 조화
보색 +180°
- FFC82A
Bumblebee
- BCD0FF
≈ Ice Cold Stare
유사색 -30° +30°
- FFC82A
Bumblebee
- FFC295
≈ Wispy White
- C9DE4E
≈ Yuzukoshō
삼각 배색 +120° +240°
- FFC82A
Bumblebee
- 2FEAFF
≈ Whimsical Blue
- FFB1FE
≈ Strawberry Buttercream
분열 보색 +150° +210°
- FFC82A
Bumblebee
- 9ED9FF
≈ Shiva Blue
- D6C6FF
≈ Innocent Snowdrop
사각 배색 +90° +180° +270°
- FFC82A
Bumblebee
- 00F2CF
≈ Fake Jade
- BCD0FF
≈ Ice Cold Stare
- FFBAD1
≈ Tentacle Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.55:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.54:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.54:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--bumblebee: #ffc82a;
--bumblebee-rgb: 255 200 42;
--bumblebee-oklch: oklch(0.858 0.167 87.2);
}
.element {
color: var(--bumblebee);
background-color: hsl(45 100% 58%);
border-color: oklch(0.858 0.167 87.2);
}Tailwind CSS v4
@theme {
--color-bumblebee: #ffc82a;
--color-bumblebee-50: #fff4bf;
--color-bumblebee-100: #fee6a8;
--color-bumblebee-200: #f1d17e;
--color-bumblebee-300: #d9b244;
--color-bumblebee-400: #c89600;
--color-bumblebee-500: #b57a00;
--color-bumblebee-600: #996800;
--color-bumblebee-700: #7a5300;
--color-bumblebee-800: #5c3b00;
--color-bumblebee-900: #412900;
--color-bumblebee-950: #291600;
}SCSS
$bumblebee: #ffc82a;
$bumblebee-rgb: 255, 200, 42;
$bumblebee-light: mix(#fff, $bumblebee, 20%);
$bumblebee-dark: mix(#000, $bumblebee, 20%);
.element {
color: $bumblebee;
box-shadow: 0 0 0 2px rgba($bumblebee, 0.35);
}