Nazwany kolor · #B09879
Artisan Tan
Artisan Tan to #B09879: rgb(176 152 121), hsl(34 26% 58%), oklch(0.693 0.052 73.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Artisan Tan color name →
#B09879
oklch(0.693 0.052 73.9)
Konwersje koloru
- HEX
- #b09879
- RGB
- rgb(176 152 121)
- HSL
- hsl(34 26% 58%)
- HWB
- hwb(34 47% 31%)
- OKLCH
- oklch(0.693 0.052 73.9)
- OKLab
- oklab(0.693 0.014 0.05)
- CIE Lab
- lab(64.43 5.74 19.83)
- LCH
- lch(64.43 20.65 73.9)
- CMYK
- cmyk(0% 14% 31% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8A286
- C0AC93
- C7B6A0
- CFC0AD
- D7CBBB
- DFD5C8
- E7DFD6
- EFEAE3
- F7F4F1
Odcienie ciemniejsze
- 998468
- 827058
- 6C5C48
- 564A39
- 42382B
- 2E271D
- 1C1710
- 0B0805
- 010101
Tony
- AB967A
- A6937B
- A1917C
- 9D8E7C
- 988C7D
- 938A7E
- 8E877E
- 8A857F
- 858280
Harmonie kolorów
Komplementarna +180°
- B09879
Artisan Tan
- 869FBC
≈ Astro Bound
Analogowa -30° +30°
- B09879
Artisan Tan
- B99383
≈ Belfry Brick
- A19E79
≈ Bonsai Garden
Triada +120° +240°
- B09879
Artisan Tan
- 76A7A6
≈ Cresting Waves
- A893B3
≈ Gleeful Joy
Komplementarna rozszczepiona +150° +210°
- B09879
Artisan Tan
- 79A4B4
≈ Inner Sanctum
- 9899BC
≈ Thistle Down
Tetrada +90° +180° +270°
- B09879
Artisan Tan
- 7FA794
≈ Verdigreen
- 869FBC
≈ Astro Bound
- B490A4
≈ Soft Impact
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.75:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.61:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.61:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--artisan-tan: #b09879;
--artisan-tan-rgb: 176 152 121;
--artisan-tan-oklch: oklch(0.693 0.052 73.9);
}
.element {
color: var(--artisan-tan);
background-color: hsl(34 26% 58%);
border-color: oklch(0.693 0.052 73.9);
}Tailwind CSS v4
@theme {
--color-artisan-tan: #b09879;
--color-artisan-tan-50: #fef4e5;
--color-artisan-tan-100: #f2e6d5;
--color-artisan-tan-200: #e1d2bc;
--color-artisan-tan-300: #c7b49b;
--color-artisan-tan-400: #b19a7d;
--color-artisan-tan-500: #9b8160;
--color-artisan-tan-600: #836e51;
--color-artisan-tan-700: #695841;
--color-artisan-tan-800: #4e402f;
--color-artisan-tan-900: #362c1f;
--color-artisan-tan-950: #21190f;
}SCSS
$artisan-tan: #b09879;
$artisan-tan-rgb: 176, 152, 121;
$artisan-tan-light: mix(#fff, $artisan-tan, 20%);
$artisan-tan-dark: mix(#000, $artisan-tan, 20%);
.element {
color: $artisan-tan;
box-shadow: 0 0 0 2px rgba($artisan-tan, 0.35);
}