Color con nombre · #B09737
Mana
Mana es #B09737: rgb(176 151 55), hsl(48 52% 45%), oklch(0.681 0.117 94.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Mana color name →
#B09737
oklch(0.681 0.117 94.3)
Conversiones de color
- HEX
- #b09737
- RGB
- rgb(176 151 55)
- HSL
- hsl(48 52% 45%)
- HWB
- hwb(48 22% 31%)
- OKLCH
- oklch(0.681 0.117 94.3)
- OKLab
- oklab(0.681 -0.009 0.117)
- CIE Lab
- lab(63.41 1.71 51.89)
- LCH
- lch(63.41 51.92 88.1)
- CMYK
- cmyk(0% 14% 69% 31%)
Tintes · Sombras · Tonos
Tintes
- B8A14F
- BFAC65
- C7B679
- CFC08D
- D7CBA0
- DFD5B3
- E7E0C6
- EFEAD9
- F7F5EC
Sombras
- 99832E
- 826F26
- 6C5C1E
- 564916
- 42370F
- 2E2608
- 1C1703
- 0B0801
- 010100
Tonos
- AB9543
- A6934C
- A19155
- 9C8E5C
- 988C63
- 938A6A
- 8E8770
- 898575
- 85837B
Armonías de color
Complementario +180°
- B09737
Mana
- 8392E1
≈ Perrywinkle
Análogo -30° +30°
- B09737
Mana
- CA8843
≈ Raw Linen
- 89A54F
≈ Mosquito Fern
Triádico +120° +240°
Complementario dividido +150° +210°
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.86:1 · APCA Lc 55
Ag
AAASobre negro
WCAG 7.32:1 · APCA Lc 47
Mejor color de texto: #000000
WCAG 7.32:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmentos de código
CSS
:root {
--mana: #b09737;
--mana-rgb: 176 151 55;
--mana-oklch: oklch(0.681 0.117 94.3);
}
.element {
color: var(--mana);
background-color: hsl(48 52% 45%);
border-color: oklch(0.681 0.117 94.3);
}Tailwind CSS v4
@theme {
--color-mana: #b09737;
--color-mana-50: #fff6d0;
--color-mana-100: #f3e9bc;
--color-mana-200: #e3d59b;
--color-mana-300: #c9b870;
--color-mana-400: #b59d45;
--color-mana-500: #9f8400;
--color-mana-600: #877005;
--color-mana-700: #6c5907;
--color-mana-800: #514103;
--color-mana-900: #382d03;
--color-mana-950: #231900;
}SCSS
$mana: #b09737;
$mana-rgb: 176, 151, 55;
$mana-light: mix(#fff, $mana, 20%);
$mana-dark: mix(#000, $mana, 20%);
.element {
color: $mana;
box-shadow: 0 0 0 2px rgba($mana, 0.35);
}