Benannte Farbe · #634041
Federation Brown
Federation Brown ist #634041: rgb(99 64 65), hsl(358 21% 32%), oklch(0.412 0.049 17.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Federation Brown color name →
#634041
oklch(0.412 0.049 17.5)
Farbumrechnungen
- HEX
- #634041
- RGB
- rgb(99 64 65)
- HSL
- hsl(358 21% 32%)
- HWB
- hwb(358 25% 61%)
- OKLCH
- oklch(0.412 0.049 17.5)
- OKLab
- oklab(0.412 0.047 0.015)
- CIE Lab
- lab(31.28 15.82 5.98)
- LCH
- lch(31.28 16.91 20.7)
- CMYK
- cmyk(0% 35% 34% 61%)
Tints · Shades · Tones
Tints
- 725152
- 816363
- 907575
- A08888
- AF9A9B
- BFAEAE
- CFC2C2
- DFD6D6
- EFEAEA
Shades
- 553637
- 472D2E
- 3A2425
- 2E1B1C
- 211313
- 160B0B
- 0B0505
- 030101
- 000000
Tones
- 664647
- 694D4D
- 6D5353
- 705959
- 726060
- 756666
- 786C6C
- 7B7373
- 7D7979
Farbharmonien
Komplementär +180°
- 634041
Federation Brown
- 275354
≈ Forbidden Forest
Analog -30° +30°
- 634041
Federation Brown
- 5F4050
≈ Old Eggplant
- 614333
≈ Boston Brown Bread
Triadisch +120° +240°
- 634041
Federation Brown
- 3E5137
≈ Highlander
- 3A4C66
≈ Deep Royal
Geteilt komplementär +150° +210°
- 634041
Federation Brown
- 2F5446
≈ Fresh Mint
- 2C5060
≈ Shadow of Night
Tetradisch +90° +180° +270°
- 634041
Federation Brown
- 4E4D2D
≈ Umber Shade Wash
- 275354
≈ Forbidden Forest
- 494764
≈ Darkshore
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.97:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.34:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.97:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--federation-brown: #634041;
--federation-brown-rgb: 99 64 65;
--federation-brown-oklch: oklch(0.412 0.049 17.5);
}
.element {
color: var(--federation-brown);
background-color: hsl(358 21% 32%);
border-color: oklch(0.412 0.049 17.5);
}Tailwind CSS v4
@theme {
--color-federation-brown: #634041;
--color-federation-brown-50: #fff0ef;
--color-federation-brown-100: #f8e2e1;
--color-federation-brown-200: #e9cccc;
--color-federation-brown-300: #d0aead;
--color-federation-brown-400: #ba9394;
--color-federation-brown-500: #a4797a;
--color-federation-brown-600: #8b6767;
--color-federation-brown-700: #6f5253;
--color-federation-brown-800: #523c3d;
--color-federation-brown-900: #39292a;
--color-federation-brown-950: #231717;
}SCSS
$federation-brown: #634041;
$federation-brown-rgb: 99, 64, 65;
$federation-brown-light: mix(#fff, $federation-brown, 20%);
$federation-brown-dark: mix(#000, $federation-brown, 20%);
.element {
color: $federation-brown;
box-shadow: 0 0 0 2px rgba($federation-brown, 0.35);
}