Nazwany kolor · #B0986F
Bauhaus Gold
Bauhaus Gold to #B0986F: rgb(176 152 111), hsl(38 29% 56%), oklch(0.691 0.063 80.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Bauhaus Gold color name →
#B0986F
oklch(0.691 0.063 80.7)
Konwersje koloru
- HEX
- #b0986f
- RGB
- rgb(176 152 111)
- HSL
- hsl(38 29% 56%)
- HWB
- hwb(38 44% 31%)
- OKLCH
- oklch(0.691 0.063 80.7)
- OKLab
- oklab(0.691 0.01 0.062)
- CIE Lab
- lab(64.27 4.81 25.08)
- LCH
- lch(64.27 25.54 79.2)
- CMYK
- cmyk(0% 14% 37% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8A27D
- C0AC8B
- C7B699
- CFC0A8
- D7CBB6
- DFD5C4
- E7DFD3
- EFEAE1
- F7F4F0
Odcienie ciemniejsze
- 998460
- 827051
- 6C5C42
- 564A34
- 423827
- 2E271A
- 1C170E
- 0B0804
- 010101
Tony
- AB9671
- A69373
- A19175
- 9D8F77
- 988C79
- 938A7A
- 8E877C
- 89857D
- 85827F
Harmonie kolorów
Komplementarna +180°
- B0986F
Bauhaus Gold
- 869DC3
≈ Manifest Destiny
Analogowa -30° +30°
- B0986F
Bauhaus Gold
- BC9179
≈ Turkish Bath
- 9DA072
≈ Dill Powder
Triada +120° +240°
- B0986F
Bauhaus Gold
- 6BA8AB
≈ Timid Sea
- AE8FB4
≈ Superstitious
Komplementarna rozszczepiona +150° +210°
- B0986F
Bauhaus Gold
- 73A3BC
≈ Ocean Surf
- 9B95C0
≈ Lavender Bonnet
Tetrada +90° +180° +270°
- B0986F
Bauhaus Gold
- 73A996
≈ Acapulco
- 869DC3
≈ Manifest Destiny
- BB8CA1
≈ Elite Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.77:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.56:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.56:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--bauhaus-gold: #b0986f;
--bauhaus-gold-rgb: 176 152 111;
--bauhaus-gold-oklch: oklch(0.691 0.063 80.7);
}
.element {
color: var(--bauhaus-gold);
background-color: hsl(38 29% 56%);
border-color: oklch(0.691 0.063 80.7);
}Tailwind CSS v4
@theme {
--color-bauhaus-gold: #b0986f;
--color-bauhaus-gold-50: #fef4e1;
--color-bauhaus-gold-100: #f2e6d1;
--color-bauhaus-gold-200: #e2d2b7;
--color-bauhaus-gold-300: #c7b593;
--color-bauhaus-gold-400: #b29b74;
--color-bauhaus-gold-500: #9c8255;
--color-bauhaus-gold-600: #846e49;
--color-bauhaus-gold-700: #6a583a;
--color-bauhaus-gold-800: #4e4029;
--color-bauhaus-gold-900: #362c1b;
--color-bauhaus-gold-950: #21190c;
}SCSS
$bauhaus-gold: #b0986f;
$bauhaus-gold-rgb: 176, 152, 111;
$bauhaus-gold-light: mix(#fff, $bauhaus-gold, 20%);
$bauhaus-gold-dark: mix(#000, $bauhaus-gold, 20%);
.element {
color: $bauhaus-gold;
box-shadow: 0 0 0 2px rgba($bauhaus-gold, 0.35);
}