Benannte Farbe · #775D38
Nut Oil
Nut Oil ist #775D38: rgb(119 93 56), hsl(35 36% 34%), oklch(0.496 0.063 75.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Nut Oil color name →
#775D38
oklch(0.496 0.063 75.3)
Farbumrechnungen
- HEX
- #775d38
- RGB
- rgb(119 93 56)
- HSL
- hsl(35 36% 34%)
- HWB
- hwb(35 22% 53%)
- OKLCH
- oklch(0.496 0.063 75.3)
- OKLab
- oklab(0.496 0.016 0.061)
- CIE Lab
- lab(41.52 7.3 25.38)
- LCH
- lch(41.52 26.41 73.9)
- CMYK
- cmyk(0% 22% 53% 53%)
Tints · Shades · Tones
Tints
- 846C4B
- 917B5E
- 9E8B71
- AC9B84
- B9AB98
- C7BBAC
- D5CCC0
- E3DDD5
- F1EEEA
Shades
- 67502F
- 574327
- 47371F
- 382A17
- 2A1F0F
- 1C1408
- 100A04
- 050301
- 010000
Tones
- 786140
- 796447
- 7A684F
- 7B6B56
- 7C6F5D
- 7D7264
- 7E766B
- 7E7972
- 7F7D79
Farbharmonien
Komplementär +180°
- 775D38
Nut Oil
- 4A6486
≈ French Mirage Blue
Analog -30° +30°
- 775D38
Nut Oil
- 805744
≈ Florence Brown
- 676439
≈ Jungle Civilization
Triadisch +120° +240°
- 775D38
Nut Oil
- 306D6D
≈ North Sea
- 70577B
≈ Trixter
Geteilt komplementär +150° +210°
- 775D38
Nut Oil
- 376A7D
≈ Kimberley Sea
- 5E5D85
≈ Purple Balloon
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.16:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.40:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.16:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--nut-oil: #775d38;
--nut-oil-rgb: 119 93 56;
--nut-oil-oklch: oklch(0.496 0.063 75.3);
}
.element {
color: var(--nut-oil);
background-color: hsl(35 36% 34%);
border-color: oklch(0.496 0.063 75.3);
}Tailwind CSS v4
@theme {
--color-nut-oil: #775d38;
--color-nut-oil-50: #fff3e2;
--color-nut-oil-100: #f4e6d1;
--color-nut-oil-200: #e4d1b7;
--color-nut-oil-300: #cab494;
--color-nut-oil-400: #b49a75;
--color-nut-oil-500: #9f8056;
--color-nut-oil-600: #866d4a;
--color-nut-oil-700: #6b573a;
--color-nut-oil-800: #503f2a;
--color-nut-oil-900: #372b1c;
--color-nut-oil-950: #22190c;
}SCSS
$nut-oil: #775d38;
$nut-oil-rgb: 119, 93, 56;
$nut-oil-light: mix(#fff, $nut-oil, 20%);
$nut-oil-dark: mix(#000, $nut-oil, 20%);
.element {
color: $nut-oil;
box-shadow: 0 0 0 2px rgba($nut-oil, 0.35);
}