Color con nombre · #BB9900
Hidden Tribe
Hidden Tribe es #BB9900: rgb(187 153 0), hsl(49 100% 37%), oklch(0.694 0.142 92.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Hidden Tribe color name →
#BB9900
oklch(0.694 0.142 92.9)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- C2A338
- C8AE54
- CFB86C
- D6C282
- DDCC98
- E3D6AD
- EAE1C1
- F1EBD6
- F8F5EA
Sombras
- A28400
- 8A7000
- 735D00
- 5C4A00
- 463800
- 322700
- 1F1700
- 0D0800
- 020100
Tonos
- B59727
- AF9539
- A99247
- A39052
- 9D8D5B
- 978B64
- 91886B
- 8B8673
- 86837A
Armonías de color
Complementario +180°
- BB9900
Hidden Tribe
- 8095F4
≈ Periwinkle Blue
Análogo -30° +30°
- BB9900
Hidden Tribe
- D9862C
≈ Sunlounge
- 8CAA3A
≈ Beautiful Mint
Triádico +120° +240°
- BB9900
Hidden Tribe
- 00AFC9
≈ Havasupai Falls
- D079C2
≈ Purple Kush
Complementario dividido +150° +210°
- BB9900
Hidden Tribe
- 3BA5ED
≈ Rockman Blue
- AE85E4
≈ Lavender Blossom
Tetrádico +90° +180° +270°
- BB9900
Hidden Tribe
- 00B5A4
≈ Aare River
- 8095F4
≈ Periwinkle Blue
- E37394
≈ Loveland
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.73:1 · APCA Lc 53
Ag
AAASobre negro
WCAG 7.66:1 · APCA Lc 49
Mejor color de texto: #000000
WCAG 7.66:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmentos de código
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);
}