Benannte Farbe · #667744
Ghoul
Ghoul ist #667744: rgb(102 119 68), hsl(80 27% 37%), oklch(0.542 0.076 124). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Ghoul color name →
#667744
oklch(0.542 0.076 124)
Farbumrechnungen
- HEX
- #667744
- RGB
- rgb(102 119 68)
- HSL
- hsl(80 27% 37%)
- HWB
- hwb(80 27% 53%)
- OKLCH
- oklch(0.542 0.076 124)
- OKLab
- oklab(0.542 -0.043 0.063)
- CIE Lab
- lab(47.66 -13.35 25.81)
- LCH
- lch(47.66 29.06 117.4)
- CMYK
- cmyk(14% 0% 43% 53%)
Tints · Shades · Tones
Tints
- 748456
- 829168
- 919E7A
- A0AC8C
- AFB99F
- BFC7B1
- CED5C4
- DEE3D8
- EFF1EB
Shades
- 58673A
- 4A5730
- 3C4726
- 2F381D
- 232A14
- 171C0C
- 0C1005
- 040502
- 000100
Tones
- 69784B
- 6B7951
- 6E7A57
- 707B5D
- 737C63
- 757D69
- 787E6F
- 7B7E75
- 7D7F7A
Farbharmonien
Komplementär +180°
- 667744
Ghoul
- 796494
≈ Clematis
Analog -30° +30°
Triadisch +120° +240°
- 667744
Ghoul
- 477499
≈ Dull Blue
- 955C6A
≈ Raspberry Glace
Geteilt komplementär +150° +210°
- 667744
Ghoul
- 616C9C
≈ Moonshade
- 8B5E82
≈ Antique Fuchsia
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.89:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.28:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--ghoul: #667744;
--ghoul-rgb: 102 119 68;
--ghoul-oklch: oklch(0.542 0.076 124);
}
.element {
color: var(--ghoul);
background-color: hsl(80 27% 37%);
border-color: oklch(0.542 0.076 124);
}Tailwind CSS v4
@theme {
--color-ghoul: #667744;
--color-ghoul-50: #f0fae2;
--color-ghoul-100: #e1edd2;
--color-ghoul-200: #ccdbb8;
--color-ghoul-300: #aebf95;
--color-ghoul-400: #95a674;
--color-ghoul-500: #7c8f55;
--color-ghoul-600: #697949;
--color-ghoul-700: #54613a;
--color-ghoul-800: #3e4728;
--color-ghoul-900: #2a311b;
--color-ghoul-950: #181d0b;
}SCSS
$ghoul: #667744;
$ghoul-rgb: 102, 119, 68;
$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);
}