Benannte Farbe · #695645
Buffalo Dance
Buffalo Dance ist #695645: rgb(105 86 69), hsl(28 21% 34%), oklch(0.467 0.036 63.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Buffalo Dance color name →
#695645
oklch(0.467 0.036 63.6)
Farbumrechnungen
- HEX
- #695645
- RGB
- rgb(105 86 69)
- HSL
- hsl(28 21% 34%)
- HWB
- hwb(28 27% 59%)
- OKLCH
- oklch(0.467 0.036 63.6)
- OKLab
- oklab(0.467 0.016 0.033)
- CIE Lab
- lab(38.15 6.06 13.02)
- LCH
- lch(38.15 14.36 65.1)
- CMYK
- cmyk(0% 18% 34% 59%)
Tints · Shades · Tones
Tints
- 776556
- 857567
- 948579
- A2968B
- B1A79D
- C1B8B0
- D0C9C3
- DFDBD7
- EFEDEB
Shades
- 5A4A3B
- 4C3E31
- 3E3227
- 31271E
- 241C15
- 18120C
- 0C0805
- 040202
- 000000
Tones
- 6B5A4B
- 6E5E51
- 706256
- 72675C
- 756B62
- 776F68
- 79736E
- 7C7774
- 7E7C7A
Farbharmonien
Komplementär +180°
- 695645
Buffalo Dance
- 495D6D
≈ Ragtime Blues
Analog -30° +30°
- 695645
Buffalo Dance
- 6D534D
≈ Painted Leather
- 615A43
≈ Pinyon Pine
Triadisch +120° +240°
- 695645
Buffalo Dance
- 43615C
≈ Vert Pierre
- 5E556B
≈ Purple Stone
Geteilt komplementär +150° +210°
- 695645
Buffalo Dance
- 426066
≈ Wanderlust
- 53596F
≈ Nightshadow Blue
Tetradisch +90° +180° +270°
- 695645
Buffalo Dance
- 4B6051
≈ Vine Leaf
- 495D6D
≈ Ragtime Blues
- 675363
≈ Purple Trinket
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.95:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 3.01:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 6.95:1 (AA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--buffalo-dance: #695645;
--buffalo-dance-rgb: 105 86 69;
--buffalo-dance-oklch: oklch(0.467 0.036 63.6);
}
.element {
color: var(--buffalo-dance);
background-color: hsl(28 21% 34%);
border-color: oklch(0.467 0.036 63.6);
}Tailwind CSS v4
@theme {
--color-buffalo-dance: #695645;
--color-buffalo-dance-50: #fdf3eb;
--color-buffalo-dance-100: #f1e6dc;
--color-buffalo-dance-200: #dfd1c4;
--color-buffalo-dance-300: #c5b4a4;
--color-buffalo-dance-400: #ae9a89;
--color-buffalo-dance-500: #98816e;
--color-buffalo-dance-600: #806e5d;
--color-buffalo-dance-700: #67584a;
--color-buffalo-dance-800: #4c4036;
--color-buffalo-dance-900: #352c25;
--color-buffalo-dance-950: #201913;
}SCSS
$buffalo-dance: #695645;
$buffalo-dance-rgb: 105, 86, 69;
$buffalo-dance-light: mix(#fff, $buffalo-dance, 20%);
$buffalo-dance-dark: mix(#000, $buffalo-dance, 20%);
.element {
color: $buffalo-dance;
box-shadow: 0 0 0 2px rgba($buffalo-dance, 0.35);
}