Benannte Farbe · #683600
Nutmeg Wood Finish
Nutmeg Wood Finish ist #683600: rgb(104 54 0), hsl(31 100% 20%), oklch(0.389 0.092 58.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Nutmeg Wood Finish color name →
#683600
oklch(0.389 0.092 58.8)
Farbumrechnungen
- HEX
- #683600
- RGB
- rgb(104 54 0)
- HSL
- hsl(31 100% 20%)
- HWB
- hwb(31 0% 59%)
- OKLCH
- oklch(0.389 0.092 58.8)
- OKLab
- oklab(0.389 0.048 0.079)
- CIE Lab
- lab(28.71 20.32 39.1)
- LCH
- lch(28.71 44.06 62.5)
- CMYK
- cmyk(0% 48% 100% 59%)
Tints · Shades · Tones
Tints
- 774921
- 865C3A
- 956F51
- A48269
- B39681
- C2AB99
- D1BFB2
- E1D4CB
- F0E9E5
Shades
- 592E00
- 4B2500
- 3E1E00
- 301600
- 240F00
- 180800
- 0C0300
- 040100
- 000000
Tones
- 6B3E15
- 6E4523
- 714D30
- 73543C
- 765C47
- 786353
- 7A6A5E
- 7C7169
- 7E7975
Farbharmonien
Komplementär +180°
- 683600
Nutmeg Wood Finish
- 004A6E
≈ Broadwater Blue
Analog -30° +30°
- 683600
Nutmeg Wood Finish
- 6E2E27
≈ Cypress Bark Red
- 564200
≈ Sugarloaf Brown
Triadisch +120° +240°
- 683600
Nutmeg Wood Finish
- 005145
≈ Fjord Green
- 4C386F
≈ Meteorite
Geteilt komplementär +150° +210°
- 683600
Nutmeg Wood Finish
- 004E58
≈ Watercolour Blue
- 304176
≈ Forbidden Blackberry
Tetradisch +90° +180° +270°
- 683600
Nutmeg Wood Finish
- 185227
≈ Białowieża Forest
- 004A6E
≈ Broadwater Blue
- 5F315D
≈ Spanish Plum
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.92:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.11:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.92:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--nutmeg-wood-finish: #683600;
--nutmeg-wood-finish-rgb: 104 54 0;
--nutmeg-wood-finish-oklch: oklch(0.389 0.092 58.8);
}
.element {
color: var(--nutmeg-wood-finish);
background-color: hsl(31 100% 20%);
border-color: oklch(0.389 0.092 58.8);
}Tailwind CSS v4
@theme {
--color-nutmeg-wood-finish: #683600;
--color-nutmeg-wood-finish-50: #fff0db;
--color-nutmeg-wood-finish-100: #ffe2c9;
--color-nutmeg-wood-finish-200: #f2ccad;
--color-nutmeg-wood-finish-300: #dbad87;
--color-nutmeg-wood-finish-400: #c89166;
--color-nutmeg-wood-finish-500: #b37644;
--color-nutmeg-wood-finish-600: #98643a;
--color-nutmeg-wood-finish-700: #7a502e;
--color-nutmeg-wood-finish-800: #5b3a21;
--color-nutmeg-wood-finish-900: #3f2816;
--color-nutmeg-wood-finish-950: #281507;
}SCSS
$nutmeg-wood-finish: #683600;
$nutmeg-wood-finish-rgb: 104, 54, 0;
$nutmeg-wood-finish-light: mix(#fff, $nutmeg-wood-finish, 20%);
$nutmeg-wood-finish-dark: mix(#000, $nutmeg-wood-finish, 20%);
.element {
color: $nutmeg-wood-finish;
box-shadow: 0 0 0 2px rgba($nutmeg-wood-finish, 0.35);
}