Nächste benannte Farbe · #6F7A42
#6F7A42
Nächste benannte Farbe: Ghoul
#6F7A42 (rgb(111 122 66), hsl(72 30% 37%), oklch(0.557 0.08 118.2)) liegt am nächsten an der benannten Farbe Ghoul. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#6F7A42
oklch(0.557 0.08 118.2)
Farbumrechnungen
- HEX
- #6f7a42
- RGB
- rgb(111 122 66)
- HSL
- hsl(72 30% 37%)
- HWB
- hwb(72 26% 52%)
- OKLCH
- oklch(0.557 0.08 118.2)
- OKLab
- oklab(0.557 -0.038 0.07)
- CIE Lab
- lab(49.28 -11.23 29.06)
- LCH
- lch(49.28 31.15 111.1)
- CMYK
- cmyk(9% 0% 46% 52%)
Tints · Shades · Tones
Tints
- 7C8755
- 8A9367
- 98A079
- A6AE8C
- B4BB9E
- C3C8B1
- D1D6C4
- E0E3D8
- F0F1EB
Shades
- 606938
- 51592F
- 424925
- 343A1C
- 272B14
- 1A1D0B
- 0E1005
- 040501
- 010100
Tones
- 717B49
- 727B50
- 747C56
- 767D5D
- 777D63
- 797E69
- 7B7F6F
- 7C7F75
- 7E807A
Farbharmonien
Komplementär +180°
- 6F7A42
Ghoul
- 79699C
≈ Purple Paradise
Analog -30° +30°
- 6F7A42
Ghoul
- 877139
≈ Mustard Magic
- 528159
≈ Rambling Green
Triadisch +120° +240°
- 6F7A42
Ghoul
- 437A9D
≈ Sea Swirl
- 9A5F73
≈ Tropical Hibiscus
Geteilt komplementär +150° +210°
- 6F7A42
Ghoul
- 5F72A3
≈ Dormitory
- 8D628B
≈ Hashita Purple
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.62:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.53:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--ghoul: #6f7a42;
--ghoul-rgb: 111 122 66;
--ghoul-oklch: oklch(0.557 0.08 118.2);
}
.element {
color: var(--ghoul);
background-color: hsl(72 30% 37%);
border-color: oklch(0.557 0.08 118.2);
}Tailwind CSS v4
@theme {
--color-ghoul: #6f7a42;
--color-ghoul-50: #f2f9e0;
--color-ghoul-100: #e4eccf;
--color-ghoul-200: #cfdab4;
--color-ghoul-300: #b2be90;
--color-ghoul-400: #9aa56f;
--color-ghoul-500: #818e4e;
--color-ghoul-600: #6d7843;
--color-ghoul-700: #576035;
--color-ghoul-800: #414625;
--color-ghoul-900: #2d3018;
--color-ghoul-950: #1a1d09;
}SCSS
$ghoul: #6f7a42;
$ghoul-rgb: 111, 122, 66;
$ghoul-light: mix(#fff, $ghoul, 20%);
$ghoul-dark: mix(#000, $ghoul, 20%);
.element {
color: $ghoul;
box-shadow: 0 0 0 2px rgba($ghoul, 0.35);
}