Benannte Farbe · #C7BCAE
Barley Field
Barley Field ist #C7BCAE: rgb(199 188 174), hsl(34 18% 73%), oklch(0.8 0.023 74). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Barley Field color name →
#C7BCAE
oklch(0.8 0.023 74)
Farbumrechnungen
- HEX
- #c7bcae
- RGB
- rgb(199 188 174)
- HSL
- hsl(34 18% 73%)
- HWB
- hwb(34 68% 22%)
- OKLCH
- oklch(0.8 0.023 74)
- OKLab
- oklab(0.8 0.006 0.022)
- CIE Lab
- lab(76.88 2.25 8.57)
- LCH
- lch(76.88 8.86 75.3)
- CMYK
- cmyk(0% 6% 13% 22%)
Tints · Shades · Tones
Tints
- CDC3B6
- D2C9BE
- D8D0C6
- DDD6CE
- E3DDD6
- E8E4DE
- EEEBE6
- F4F1EE
- F9F8F7
Shades
- ADA397
- 938B80
- 7A736A
- 625D55
- 4C4741
- 36322E
- 211F1C
- 0E0D0B
- 020201
Tones
- C0B6A9
- B8B0A5
- B1AAA0
- AAA49B
- A39E97
- 9C9892
- 95928E
- 8E8C89
- 878685
Farbharmonien
Komplementär +180°
- C7BCAE
Barley Field
- B4BFCD
≈ Mistral
Analog -30° +30°
- C7BCAE
Barley Field
- CBBAB2
≈ Osprey Nest
- C0BFAE
≈ Fiorito
Triadisch +120° +240°
- C7BCAE
Barley Field
- AEC3C2
≈ Dover Surf
- C3BAC8
≈ Silverberry
Geteilt komplementär +150° +210°
- C7BCAE
Barley Field
- AFC1C9
≈ Liberty Grey
- BCBCCD
≈ A Stitch in Time
Tetradisch +90° +180° +270°
- C7BCAE
Barley Field
- B1C3BA
≈ Hearth Frost
- B4BFCD
≈ Mistral
- C9B8C1
≈ High Society
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.86:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.23:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.23:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--barley-field: #c7bcae;
--barley-field-rgb: 199 188 174;
--barley-field-oklch: oklch(0.8 0.023 74);
}
.element {
color: var(--barley-field);
background-color: hsl(34 18% 73%);
border-color: oklch(0.8 0.023 74);
}Tailwind CSS v4
@theme {
--color-barley-field: #c7bcae;
--color-barley-field-50: #f9f4ee;
--color-barley-field-100: #ece7e0;
--color-barley-field-200: #dad3ca;
--color-barley-field-300: #beb6ab;
--color-barley-field-400: #a79d90;
--color-barley-field-500: #908476;
--color-barley-field-600: #797064;
--color-barley-field-700: #615950;
--color-barley-field-800: #47413a;
--color-barley-field-900: #312d28;
--color-barley-field-950: #1d1a16;
}SCSS
$barley-field: #c7bcae;
$barley-field-rgb: 199, 188, 174;
$barley-field-light: mix(#fff, $barley-field, 20%);
$barley-field-dark: mix(#000, $barley-field, 20%);
.element {
color: $barley-field;
box-shadow: 0 0 0 2px rgba($barley-field, 0.35);
}