Benannte Farbe · #B99779
Artisan Crafts
Artisan Crafts ist #B99779: rgb(185 151 121), hsl(28 31% 60%), oklch(0.7 0.058 63.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Artisan Crafts color name →
#B99779
oklch(0.7 0.058 63.1)
Farbumrechnungen
- HEX
- #b99779
- RGB
- rgb(185 151 121)
- HSL
- hsl(28 31% 60%)
- HWB
- hwb(28 47% 27%)
- OKLCH
- oklch(0.7 0.058 63.1)
- OKLab
- oklab(0.7 0.026 0.052)
- CIE Lab
- lab(65.07 9.94 20.89)
- LCH
- lch(65.07 23.13 64.5)
- CMYK
- cmyk(0% 18% 35% 27%)
Tints · Shades · Tones
Tints
- C0A186
- C7AB93
- CEB5A0
- D5C0AD
- DCCABB
- E3D5C8
- EADFD6
- F1EAE3
- F8F4F1
Shades
- A08368
- 896F58
- 715C48
- 5B4939
- 46372B
- 31261D
- 1E1710
- 0D0805
- 020101
Tones
- B3957A
- AE937B
- A8907C
- A28E7C
- 9C8C7D
- 97897E
- 91877E
- 8B857F
- 868280
Farbharmonien
Komplementär +180°
- B99779
Artisan Crafts
- 7FA3C0
≈ Far Horizons
Analog -30° +30°
- B99779
Artisan Crafts
- C09287
≈ Revival Rose
- AB9E75
≈ Golden Sage
Triadisch +120° +240°
- B99779
Artisan Crafts
- 75ABA2
≈ Turquoise Fantasies
- A596BD
≈ Ode to Purple
Geteilt komplementär +150° +210°
- B99779
Artisan Crafts
- 73A8B4
≈ Snowboard
- 929DC3
≈ Blue Heron
Tetradisch +90° +180° +270°
- B99779
Artisan Crafts
- 83A98D
≈ Catnip
- 7FA3C0
≈ Far Horizons
- B591AE
≈ Fabulous Fantasy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.70:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.76:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.76:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--artisan-crafts: #b99779;
--artisan-crafts-rgb: 185 151 121;
--artisan-crafts-oklch: oklch(0.7 0.058 63.1);
}
.element {
color: var(--artisan-crafts);
background-color: hsl(28 31% 60%);
border-color: oklch(0.7 0.058 63.1);
}Tailwind CSS v4
@theme {
--color-artisan-crafts: #b99779;
--color-artisan-crafts-50: #fff2e4;
--color-artisan-crafts-100: #f6e4d4;
--color-artisan-crafts-200: #e6d0bb;
--color-artisan-crafts-300: #cdb299;
--color-artisan-crafts-400: #b8977b;
--color-artisan-crafts-500: #a27e5e;
--color-artisan-crafts-600: #896b50;
--color-artisan-crafts-700: #6e553f;
--color-artisan-crafts-800: #513e2e;
--color-artisan-crafts-900: #392b1f;
--color-artisan-crafts-950: #23180f;
}SCSS
$artisan-crafts: #b99779;
$artisan-crafts-rgb: 185, 151, 121;
$artisan-crafts-light: mix(#fff, $artisan-crafts, 20%);
$artisan-crafts-dark: mix(#000, $artisan-crafts, 20%);
.element {
color: $artisan-crafts;
box-shadow: 0 0 0 2px rgba($artisan-crafts, 0.35);
}