Nazwany kolor · #B09737
Mana
Mana to #B09737: rgb(176 151 55), hsl(48 52% 45%), oklch(0.681 0.117 94.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Mana color name →
#B09737
oklch(0.681 0.117 94.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8A14F
- BFAC65
- C7B679
- CFC08D
- D7CBA0
- DFD5B3
- E7E0C6
- EFEAD9
- F7F5EC
Odcienie ciemniejsze
- 99832E
- 826F26
- 6C5C1E
- 564916
- 42370F
- 2E2608
- 1C1703
- 0B0801
- 010100
Tony
- AB9543
- A6934C
- A19155
- 9C8E5C
- 988C63
- 938A6A
- 8E8770
- 898575
- 85837B
Harmonie kolorów
Komplementarna +180°
- B09737
Mana
- 8392E1
≈ Perrywinkle
Analogowa -30° +30°
- B09737
Mana
- CA8843
≈ Raw Linen
- 89A54F
≈ Mosquito Fern
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.86:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.32:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.32:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
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);
}