Benannte Farbe · #674834
Buckeye
Buckeye ist #674834: rgb(103 72 52), hsl(24 33% 30%), oklch(0.431 0.053 53.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Buckeye color name →
#674834
oklch(0.431 0.053 53.7)
Farbumrechnungen
- HEX
- #674834
- RGB
- rgb(103 72 52)
- HSL
- hsl(24 33% 30%)
- HWB
- hwb(24 20% 60%)
- OKLCH
- oklch(0.431 0.053 53.7)
- OKLab
- oklab(0.431 0.031 0.042)
- CIE Lab
- lab(33.71 11.69 17.52)
- LCH
- lch(33.71 21.07 56.3)
- CMYK
- cmyk(0% 30% 50% 60%)
Tints · Shades · Tones
Tints
- 755946
- 846A59
- 937B6C
- A28D80
- B19F94
- C0B2A9
- D0C5BE
- DFD8D3
- EFEBE9
Shades
- 593D2C
- 4B3324
- 3D291C
- 301F15
- 23160E
- 170D07
- 0C0603
- 040201
- 000000
Tones
- 6A4E3C
- 6C5343
- 6F594B
- 725E52
- 74645A
- 776961
- 796F69
- 7B7571
- 7E7A78
Farbharmonien
Komplementär +180°
- 674834
Buckeye
- 315569
≈ Deep Dive
Analog -30° +30°
- 674834
Buckeye
- 6A4442
≈ Twinberry
- 5E4E2D
≈ West Coast
Triadisch +120° +240°
- 674834
Buckeye
- 2E5A4D
≈ Federal Fund
- 514A6A
≈ Darlak
Geteilt komplementär +150° +210°
- 674834
Buckeye
- 28585D
≈ Sea Challenge
- 41506D
≈ Ensign Blue
Tetradisch +90° +180° +270°
- 674834
Buckeye
- 3E583D
≈ Ficus
- 315569
≈ Deep Dive
- 5E4661
≈ Brunneous
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.22:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.55:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.22:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--buckeye: #674834;
--buckeye-rgb: 103 72 52;
--buckeye-oklch: oklch(0.431 0.053 53.7);
}
.element {
color: var(--buckeye);
background-color: hsl(24 33% 30%);
border-color: oklch(0.431 0.053 53.7);
}Tailwind CSS v4
@theme {
--color-buckeye: #674834;
--color-buckeye-50: #fff2e7;
--color-buckeye-100: #f7e4d8;
--color-buckeye-200: #e7cfbf;
--color-buckeye-300: #cdb19e;
--color-buckeye-400: #b89782;
--color-buckeye-500: #a37d65;
--color-buckeye-600: #896a56;
--color-buckeye-700: #6e5545;
--color-buckeye-800: #513d32;
--color-buckeye-900: #392a22;
--color-buckeye-950: #231811;
}SCSS
$buckeye: #674834;
$buckeye-rgb: 103, 72, 52;
$buckeye-light: mix(#fff, $buckeye, 20%);
$buckeye-dark: mix(#000, $buckeye, 20%);
.element {
color: $buckeye;
box-shadow: 0 0 0 2px rgba($buckeye, 0.35);
}