Benannte Farbe · #765138
Umber Rust
Umber Rust ist #765138: rgb(118 81 56), hsl(24 36% 34%), oklch(0.469 0.062 54.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Umber Rust color name →
#765138
oklch(0.469 0.062 54.6)
Farbumrechnungen
- HEX
- #765138
- RGB
- rgb(118 81 56)
- HSL
- hsl(24 36% 34%)
- HWB
- hwb(24 22% 54%)
- OKLCH
- oklch(0.469 0.062 54.6)
- OKLab
- oklab(0.469 0.036 0.051)
- CIE Lab
- lab(38.14 13.69 21.19)
- LCH
- lch(38.14 25.23 57.1)
- CMYK
- cmyk(0% 31% 53% 54%)
Tints · Shades · Tones
Tints
- 83614A
- 91715D
- 9E8270
- AC9383
- B9A497
- C7B6AB
- D5C8C0
- E3DAD4
- F1ECEA
Shades
- 66452F
- 563A27
- 472F1F
- 382417
- 291A0F
- 1C1008
- 0F0704
- 050201
- 010000
Tones
- 77563F
- 795B47
- 7A5F4E
- 7B6455
- 7C695C
- 7D6D63
- 7E726A
- 7F7772
- 7F7B79
Farbharmonien
Komplementär +180°
- 765138
Umber Rust
- 356079
≈ Berry Blue
Analog -30° +30°
- 765138
Umber Rust
- 7A4D49
≈ False Morel
- 6B5830
≈ Horses Neck
Triadisch +120° +240°
- 765138
Umber Rust
- 306658
≈ Plantain Green
- 5D547A
≈ Purple Sky
Geteilt komplementär +150° +210°
- 765138
Umber Rust
- 28656B
≈ Pacific
- 495A7E
≈ Optimum Blue
Tetradisch +90° +180° +270°
- 765138
Umber Rust
- 446444
≈ Acacia Green
- 356079
≈ Berry Blue
- 6C4E6E
≈ Exotic Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.98:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 3.00:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 6.98:1 (AA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--umber-rust: #765138;
--umber-rust-rgb: 118 81 56;
--umber-rust-oklch: oklch(0.469 0.062 54.6);
}
.element {
color: var(--umber-rust);
background-color: hsl(24 36% 34%);
border-color: oklch(0.469 0.062 54.6);
}Tailwind CSS v4
@theme {
--color-umber-rust: #765138;
--color-umber-rust-50: #fff1e4;
--color-umber-rust-100: #f9e3d4;
--color-umber-rust-200: #eacebb;
--color-umber-rust-300: #d1b099;
--color-umber-rust-400: #bc957c;
--color-umber-rust-500: #a77b5e;
--color-umber-rust-600: #8d6850;
--color-umber-rust-700: #715340;
--color-umber-rust-800: #543c2e;
--color-umber-rust-900: #3b2a1f;
--color-umber-rust-950: #24170f;
}SCSS
$umber-rust: #765138;
$umber-rust-rgb: 118, 81, 56;
$umber-rust-light: mix(#fff, $umber-rust, 20%);
$umber-rust-dark: mix(#000, $umber-rust, 20%);
.element {
color: $umber-rust;
box-shadow: 0 0 0 2px rgba($umber-rust, 0.35);
}