Benannte Farbe · #68685D
Naturalism
Naturalism ist #68685D: rgb(104 104 93), hsl(60 6% 39%), oklch(0.514 0.017 107). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Naturalism color name →
#68685D
oklch(0.514 0.017 107)
Farbumrechnungen
- HEX
- #68685d
- RGB
- rgb(104 104 93)
- HSL
- hsl(60 6% 39%)
- HWB
- hwb(60 36% 59%)
- OKLCH
- oklch(0.514 0.017 107)
- OKLab
- oklab(0.514 -0.005 0.016)
- CIE Lab
- lab(43.75 -1.61 6.23)
- LCH
- lch(43.75 6.43 104.5)
- CMYK
- cmyk(0% 0% 11% 59%)
Tints · Shades · Tones
Tints
- 76766C
- 84847B
- 93938B
- A1A19A
- B0B0AA
- C0C0BB
- CFCFCC
- DFDFDC
- EFEFEE
Shades
- 595950
- 4B4B43
- 3E3E37
- 30302A
- 24241F
- 181814
- 0C0C0A
- 040403
- 000000
Tones
- 6A6A60
- 6D6D64
- 6F6F67
- 71726B
- 74746E
- 767672
- 797975
- 7B7B79
- 7E7E7C
Farbharmonien
Komplementär +180°
- 68685D
Naturalism
- 666671
≈ Eventide
Analog -30° +30°
- 68685D
Naturalism
- 6D665D
≈ Grouchy Badger
- 636A60
≈ Belmont Green
Triadisch +120° +240°
- 68685D
Naturalism
- 5D696F
≈ Lava Grey
- 6F6369
≈ Vintage Grape
Geteilt komplementär +150° +210°
- 68685D
Naturalism
- 616871
≈ Feather Falls
- 6B646E
≈ Alter Ego
Tetradisch +90° +180° +270°
- 68685D
Naturalism
- 5C6A6A
≈ Mountain Pass
- 666671
≈ Eventide
- 716364
≈ Dignified Purple
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 {
--naturalism: #68685d;
--naturalism-rgb: 104 104 93;
--naturalism-oklch: oklch(0.514 0.017 107);
}
.element {
color: var(--naturalism);
background-color: hsl(60 6% 39%);
border-color: oklch(0.514 0.017 107);
}Tailwind CSS v4
@theme {
--color-naturalism: #68685d;
--color-naturalism-50: #f5f6f0;
--color-naturalism-100: #e8e8e2;
--color-naturalism-200: #d4d5cd;
--color-naturalism-300: #b8b8ae;
--color-naturalism-400: #9f9f94;
--color-naturalism-500: #87877a;
--color-naturalism-600: #727268;
--color-naturalism-700: #5b5b53;
--color-naturalism-800: #43433c;
--color-naturalism-900: #2e2e29;
--color-naturalism-950: #1b1b17;
}SCSS
$naturalism: #68685d;
$naturalism-rgb: 104, 104, 93;
$naturalism-light: mix(#fff, $naturalism, 20%);
$naturalism-dark: mix(#000, $naturalism, 20%);
.element {
color: $naturalism;
box-shadow: 0 0 0 2px rgba($naturalism, 0.35);
}