Benannte Farbe · #6C6459
Ploughed Earth
Ploughed Earth ist #6C6459: rgb(108 100 89), hsl(35 10% 39%), oklch(0.507 0.02 76). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Ploughed Earth color name →
#6C6459
oklch(0.507 0.02 76)
Farbumrechnungen
- HEX
- #6c6459
- RGB
- rgb(108 100 89)
- HSL
- hsl(35 10% 39%)
- HWB
- hwb(35 35% 58%)
- OKLCH
- oklch(0.507 0.02 76)
- OKLab
- oklab(0.507 0.005 0.019)
- CIE Lab
- lab(42.88 1.77 7.47)
- LCH
- lch(42.88 7.68 76.7)
- CMYK
- cmyk(0% 7% 18% 58%)
Tints · Shades · Tones
Tints
- 7A7268
- 888178
- 969088
- A49F98
- B3AEA8
- C2BEB9
- D1CECA
- E0DEDC
- EFEEED
Shades
- 5D564C
- 4E4840
- 403B34
- 322E28
- 25221D
- 191613
- 0D0B09
- 040303
- 000000
Tones
- 6E675D
- 706A61
- 726C65
- 746F68
- 76726C
- 787570
- 7A7874
- 7C7A78
- 7E7D7C
Farbharmonien
Komplementär +180°
- 6C6459
Ploughed Earth
- 5E6671
≈ British Shorthair
Analog -30° +30°
- 6C6459
Ploughed Earth
- 6F625C
≈ Fozzie Bear
- 676659
≈ Dusty Olive
Triadisch +120° +240°
- 6C6459
Ploughed Earth
- 596969
≈ Wing Man
- 6A626D
≈ Lavender Moor
Geteilt komplementär +150° +210°
- 6C6459
Ploughed Earth
- 5A686E
≈ Made of Steel
- 646470
≈ Eventide
Tetradisch +90° +180° +270°
- 6C6459
Ploughed Earth
- 5B6963
≈ Artistic Stone
- 5E6671
≈ British Shorthair
- 6E6168
≈ Catnip Wood
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.82:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.60:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.82:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--ploughed-earth: #6c6459;
--ploughed-earth-rgb: 108 100 89;
--ploughed-earth-oklch: oklch(0.507 0.02 76);
}
.element {
color: var(--ploughed-earth);
background-color: hsl(35 10% 39%);
border-color: oklch(0.507 0.02 76);
}Tailwind CSS v4
@theme {
--color-ploughed-earth: #6c6459;
--color-ploughed-earth-50: #f8f4ef;
--color-ploughed-earth-100: #ece7e1;
--color-ploughed-earth-200: #d9d3cb;
--color-ploughed-earth-300: #bdb6ac;
--color-ploughed-earth-400: #a59d92;
--color-ploughed-earth-500: #8e8578;
--color-ploughed-earth-600: #787066;
--color-ploughed-earth-700: #605a51;
--color-ploughed-earth-800: #47413b;
--color-ploughed-earth-900: #312d28;
--color-ploughed-earth-950: #1d1a16;
}SCSS
$ploughed-earth: #6c6459;
$ploughed-earth-rgb: 108, 100, 89;
$ploughed-earth-light: mix(#fff, $ploughed-earth, 20%);
$ploughed-earth-dark: mix(#000, $ploughed-earth, 20%);
.element {
color: $ploughed-earth;
box-shadow: 0 0 0 2px rgba($ploughed-earth, 0.35);
}