Benannte Farbe · #B07426
Hamtaro Brown
Hamtaro Brown ist #B07426: rgb(176 116 38), hsl(34 64% 42%), oklch(0.609 0.117 68.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Hamtaro Brown color name →
#B07426
oklch(0.609 0.117 68.6)
Farbumrechnungen
- HEX
- #b07426
- RGB
- rgb(176 116 38)
- HSL
- hsl(34 64% 42%)
- HWB
- hwb(34 15% 31%)
- OKLCH
- oklch(0.609 0.117 68.6)
- OKLab
- oklab(0.609 0.043 0.109)
- CIE Lab
- lab(54.34 19.56 50.32)
- LCH
- lch(54.34 53.99 68.8)
- CMYK
- cmyk(0% 34% 78% 31%)
Tints · Shades · Tones
Tints
- B88241
- C18F58
- C99D6D
- D1AB82
- D9B997
- E1C7AB
- E8D5C0
- F0E3D5
- F8F1EA
Shades
- 996420
- 825419
- 6C4513
- 56370D
- 422908
- 2E1B04
- 1C0F02
- 0B0501
- 010100
Tones
- AC7634
- A77740
- A2794A
- 9E7A53
- 997B5B
- 947C63
- 8F7D6B
- 8A7E72
- 857F79
Farbharmonien
Komplementär +180°
- B07426
Hamtaro Brown
- 4487C6
≈ Casting Sea
Analog -30° +30°
- B07426
Hamtaro Brown
- BE684C
≈ Warm Cider
- 95831C
≈ Jungle Palm
Triadisch +120° +240°
- B07426
Hamtaro Brown
- 00978F
≈ Reef Encounter
- 976EB8
≈ Viola
Geteilt komplementär +150° +210°
- B07426
Hamtaro Brown
- 0092AF
≈ Kelp’thar Forest Blue
- 747AC8
≈ Kickstart Purple
Tetradisch +90° +180° +270°
- B07426
Hamtaro Brown
- 359868
≈ Starship Trooper
- 4487C6
≈ Casting Sea
- B0659A
≈ Bodacious
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.90:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.37:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.37:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--hamtaro-brown: #b07426;
--hamtaro-brown-rgb: 176 116 38;
--hamtaro-brown-oklch: oklch(0.609 0.117 68.6);
}
.element {
color: var(--hamtaro-brown);
background-color: hsl(34 64% 42%);
border-color: oklch(0.609 0.117 68.6);
}Tailwind CSS v4
@theme {
--color-hamtaro-brown: #b07426;
--color-hamtaro-brown-50: #fff0d1;
--color-hamtaro-brown-100: #ffe2be;
--color-hamtaro-brown-200: #f5cc9e;
--color-hamtaro-brown-300: #dead73;
--color-hamtaro-brown-400: #cc914c;
--color-hamtaro-brown-500: #b87516;
--color-hamtaro-brown-600: #9b6417;
--color-hamtaro-brown-700: #7d5013;
--color-hamtaro-brown-800: #5d390c;
--color-hamtaro-brown-900: #412708;
--color-hamtaro-brown-950: #2a1500;
}SCSS
$hamtaro-brown: #b07426;
$hamtaro-brown-rgb: 176, 116, 38;
$hamtaro-brown-light: mix(#fff, $hamtaro-brown, 20%);
$hamtaro-brown-dark: mix(#000, $hamtaro-brown, 20%);
.element {
color: $hamtaro-brown;
box-shadow: 0 0 0 2px rgba($hamtaro-brown, 0.35);
}