命名颜色 · #BB9900
Hidden Tribe
Hidden Tribe 即 #BB9900：rgb(187 153 0)、hsl(49 100% 37%)、oklch(0.694 0.142 92.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Hidden Tribe color name →
#BB9900
oklch(0.694 0.142 92.9)
颜色转换
- HEX
- #bb9900
- RGB
- rgb(187 153 0)
- HSL
- hsl(49 100% 37%)
- HWB
- hwb(49 0% 27%)
- OKLCH
- oklch(0.694 0.142 92.9)
- OKLab
- oklab(0.694 -0.007 0.142)
- CIE Lab
- lab(64.88 4.41 67.85)
- LCH
- lch(64.88 68 86.3)
- CMYK
- cmyk(0% 18% 100% 27%)
浅色调 · 深色调 · 灰色调
浅色调
- C2A338
- C8AE54
- CFB86C
- D6C282
- DDCC98
- E3D6AD
- EAE1C1
- F1EBD6
- F8F5EA
深色调
- A28400
- 8A7000
- 735D00
- 5C4A00
- 463800
- 322700
- 1F1700
- 0D0800
- 020100
灰色调
- B59727
- AF9539
- A99247
- A39052
- 9D8D5B
- 978B64
- 91886B
- 8B8673
- 86837A
配色和谐
互补色 +180°
- BB9900
Hidden Tribe
- 8095F4
≈ Periwinkle Blue
类似色 -30° +30°
- BB9900
Hidden Tribe
- D9862C
≈ Sunlounge
- 8CAA3A
≈ Beautiful Mint
三角配色 +120° +240°
- BB9900
Hidden Tribe
- 00AFC9
≈ Havasupai Falls
- D079C2
≈ Purple Kush
分裂互补色 +150° +210°
- BB9900
Hidden Tribe
- 3BA5ED
≈ Rockman Blue
- AE85E4
≈ Lavender Blossom
四角配色 +90° +180° +270°
- BB9900
Hidden Tribe
- 00B5A4
≈ Aare River
- 8095F4
≈ Periwinkle Blue
- E37394
≈ Loveland
对比度与无障碍
Ag
Fail白底
WCAG 2.73:1 · APCA Lc 53
Ag
AAA黑底
WCAG 7.66:1 · APCA Lc 49
最佳文字颜色: #000000
WCAG 7.66:1 (AAA) · APCA Lc 49
Contrast pairs
代码片段
CSS
:root {
--hidden-tribe: #bb9900;
--hidden-tribe-rgb: 187 153 0;
--hidden-tribe-oklch: oklch(0.694 0.142 92.9);
}
.element {
color: var(--hidden-tribe);
background-color: hsl(49 100% 37%);
border-color: oklch(0.694 0.142 92.9);
}Tailwind CSS v4
@theme {
--color-hidden-tribe: #bb9900;
--color-hidden-tribe-50: #fff6c8;
--color-hidden-tribe-100: #f7e8b2;
--color-hidden-tribe-200: #e7d48d;
--color-hidden-tribe-300: #ceb75d;
--color-hidden-tribe-400: #bb9b20;
--color-hidden-tribe-500: #a78100;
--color-hidden-tribe-600: #8d6e00;
--color-hidden-tribe-700: #715800;
--color-hidden-tribe-800: #553f00;
--color-hidden-tribe-900: #3b2c00;
--color-hidden-tribe-950: #251900;
}SCSS
$hidden-tribe: #bb9900;
$hidden-tribe-rgb: 187, 153, 0;
$hidden-tribe-light: mix(#fff, $hidden-tribe, 20%);
$hidden-tribe-dark: mix(#000, $hidden-tribe, 20%);
.element {
color: $hidden-tribe;
box-shadow: 0 0 0 2px rgba($hidden-tribe, 0.35);
}