Benannte Farbe · #75663E
Nutria
Nutria ist #75663E: rgb(117 102 62), hsl(44 31% 35%), oklch(0.515 0.06 89.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Nutria color name →
#75663E
oklch(0.515 0.06 89.6)
Farbumrechnungen
- HEX
- #75663e
- RGB
- rgb(117 102 62)
- HSL
- hsl(44 31% 35%)
- HWB
- hwb(44 24% 54%)
- OKLCH
- oklch(0.515 0.06 89.6)
- OKLab
- oklab(0.515 0 0.06)
- CIE Lab
- lab(43.91 1.81 24.85)
- LCH
- lch(43.91 24.92 85.8)
- CMYK
- cmyk(0% 13% 47% 54%)
Tints · Shades · Tones
Tints
- 827450
- 8F8363
- 9C9275
- AAA188
- B8B09B
- C6BFAF
- D4CFC2
- E2DFD6
- F0EFEA
Shades
- 655835
- 554A2B
- 463C23
- 372F1A
- 292312
- 1C170A
- 0F0C04
- 050401
- 010000
Tones
- 766945
- 776B4C
- 786E53
- 797159
- 7B7360
- 7C7666
- 7D786D
- 7E7B73
- 7F7D7A
Farbharmonien
Komplementär +180°
- 75663E
Nutria
- 5A668B
≈ Champion Blue
Analog -30° +30°
- 75663E
Nutria
- 815F44
≈ Man Cave
- 636D45
≈ Pandanus
Triadisch +120° +240°
- 75663E
Nutria
- 3A717A
≈ Grand Rapids
- 7B5B78
≈ Gala Ball
Geteilt komplementär +150° +210°
- 75663E
Nutria
- 466C87
≈ Wedgewood
- 6C6085
≈ Purple Gumball
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.63:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.72:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.63:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--nutria: #75663e;
--nutria-rgb: 117 102 62;
--nutria-oklch: oklch(0.515 0.06 89.6);
}
.element {
color: var(--nutria);
background-color: hsl(44 31% 35%);
border-color: oklch(0.515 0.06 89.6);
}Tailwind CSS v4
@theme {
--color-nutria: #75663e;
--color-nutria-50: #fbf5e2;
--color-nutria-100: #efe8d2;
--color-nutria-200: #ddd4b8;
--color-nutria-300: #c2b795;
--color-nutria-400: #ac9d76;
--color-nutria-500: #968557;
--color-nutria-600: #7f704a;
--color-nutria-700: #655a3b;
--color-nutria-800: #4b412a;
--color-nutria-900: #342d1c;
--color-nutria-950: #201a0c;
}SCSS
$nutria: #75663e;
$nutria-rgb: 117, 102, 62;
$nutria-light: mix(#fff, $nutria, 20%);
$nutria-dark: mix(#000, $nutria, 20%);
.element {
color: $nutria;
box-shadow: 0 0 0 2px rgba($nutria, 0.35);
}