Nazwany kolor · #A17308
Barbarian Leather
Barbarian Leather to #A17308: rgb(161 115 8), hsl(42 91% 33%), oklch(0.587 0.119 80.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Barbarian Leather color name →
#A17308
oklch(0.587 0.119 80.1)
Konwersje koloru
- HEX
- #a17308
- RGB
- rgb(161 115 8)
- HSL
- hsl(42 91% 33%)
- HWB
- hwb(42 3% 37%)
- OKLCH
- oklch(0.587 0.119 80.1)
- OKLab
- oklab(0.587 0.02 0.118)
- CIE Lab
- lab(52.1 12.81 56.48)
- LCH
- lch(52.1 57.91 77.2)
- CMYK
- cmyk(0% 29% 95% 37%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AA8132
- B48E4D
- BD9C64
- C7AA7A
- D0B891
- D9C6A6
- E3D4BC
- ECE2D2
- F6F1E9
Odcienie ciemniejsze
- 8B6306
- 765404
- 624503
- 4E3602
- 3C2801
- 2A1B01
- 190F00
- 090500
- 010100
Tony
- 9E7524
- 9B7634
- 987840
- 94794B
- 917B55
- 8E7C5E
- 8A7D67
- 877E70
- 847F78
Harmonie kolorów
Komplementarna +180°
- A17308
Barbarian Leather
- 517CC3
≈ Blue Iolite
Analogowa -30° +30°
- A17308
Barbarian Leather
- B46534
≈ Polished Copper
- 81821A
≈ Olive
Triada +120° +240°
- A17308
Barbarian Leather
- 008E94
≈ Tempo Teal
- 9C63A8
≈ Royal Pretender
Komplementarna rozszczepiona +150° +210°
- A17308
Barbarian Leather
- 0088B4
≈ Stomy Shower
- 7C6EBE
≈ Venus Violet
Tetrada +90° +180° +270°
- A17308
Barbarian Leather
- 009272
≈ Dòu Lǜ Green
- 517CC3
≈ Blue Iolite
- B05C86
≈ Dahlia Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.22:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.97:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 4.97:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--barbarian-leather: #a17308;
--barbarian-leather-rgb: 161 115 8;
--barbarian-leather-oklch: oklch(0.587 0.119 80.1);
}
.element {
color: var(--barbarian-leather);
background-color: hsl(42 91% 33%);
border-color: oklch(0.587 0.119 80.1);
}Tailwind CSS v4
@theme {
--color-barbarian-leather: #a17308;
--color-barbarian-leather-50: #fff3cf;
--color-barbarian-leather-100: #fce5bb;
--color-barbarian-leather-200: #eed09a;
--color-barbarian-leather-300: #d6b26e;
--color-barbarian-leather-400: #c39643;
--color-barbarian-leather-500: #af7b00;
--color-barbarian-leather-600: #946901;
--color-barbarian-leather-700: #775404;
--color-barbarian-leather-800: #593c02;
--color-barbarian-leather-900: #3e2903;
--color-barbarian-leather-950: #271700;
}SCSS
$barbarian-leather: #a17308;
$barbarian-leather-rgb: 161, 115, 8;
$barbarian-leather-light: mix(#fff, $barbarian-leather, 20%);
$barbarian-leather-dark: mix(#000, $barbarian-leather, 20%);
.element {
color: $barbarian-leather;
box-shadow: 0 0 0 2px rgba($barbarian-leather, 0.35);
}