Benannte Farbe · #BEC0AA
New Neutral
New Neutral ist #BEC0AA: rgb(190 192 170), hsl(65 15% 71%), oklch(0.8 0.03 111.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · New Neutral color name →
#BEC0AA
oklch(0.8 0.03 111.3)
Farbumrechnungen
- HEX
- #bec0aa
- RGB
- rgb(190 192 170)
- HSL
- hsl(65 15% 71%)
- HWB
- hwb(65 67% 25%)
- OKLCH
- oklch(0.8 0.03 111.3)
- OKLab
- oklab(0.8 -0.011 0.028)
- CIE Lab
- lab(77.09 -3.6 10.89)
- LCH
- lch(77.09 11.47 108.3)
- CMYK
- cmyk(1% 0% 11% 25%)
Tints · Shades · Tones
Tints
- C4C6B2
- CBCCBB
- D1D3C3
- D8D9CB
- DEDFD4
- E5E5DC
- EBECE5
- F2F2EE
- F8F9F6
Shades
- A5A793
- 8C8E7D
- 757668
- 5E5F53
- 48493F
- 33342D
- 1F201B
- 0D0E0B
- 020201
Tones
- B8B9A6
- B1B3A2
- ABAC9D
- A5A699
- 9E9F95
- 989991
- 92938C
- 8C8C88
- 868684
Farbharmonien
Komplementär +180°
- BEC0AA
New Neutral
- BDBBD0
≈ Blue Haze
Analog -30° +30°
- BEC0AA
New Neutral
- C8BCA8
≈ Seagull Wail
- B3C3B1
≈ Rainee
Triadisch +120° +240°
- BEC0AA
New Neutral
- ABC2CE
≈ Ruffled Feathers
- CEB6C0
≈ High Society
Geteilt komplementär +150° +210°
- BEC0AA
New Neutral
- B3BED2
≈ Movie Magic
- C7B8CA
≈ Ballad
Tetradisch +90° +180° +270°
- BEC0AA
New Neutral
- A8C4C6
≈ Blende Blue
- BDBBD0
≈ Blue Haze
- D1B7B5
≈ Smoked Lavender
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.85:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.30:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.30:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
CSS
:root {
--new-neutral: #bec0aa;
--new-neutral-rgb: 190 192 170;
--new-neutral-oklch: oklch(0.8 0.03 111.3);
}
.element {
color: var(--new-neutral);
background-color: hsl(65 15% 71%);
border-color: oklch(0.8 0.03 111.3);
}Tailwind CSS v4
@theme {
--color-new-neutral: #bec0aa;
--color-new-neutral-50: #f5f6ec;
--color-new-neutral-100: #e7e9de;
--color-new-neutral-200: #d4d6c7;
--color-new-neutral-300: #b7b9a8;
--color-new-neutral-400: #9fa08c;
--color-new-neutral-500: #868872;
--color-new-neutral-600: #727360;
--color-new-neutral-700: #5b5c4d;
--color-new-neutral-800: #434337;
--color-new-neutral-900: #2e2f26;
--color-new-neutral-950: #1b1b14;
}SCSS
$new-neutral: #bec0aa;
$new-neutral-rgb: 190, 192, 170;
$new-neutral-light: mix(#fff, $new-neutral, 20%);
$new-neutral-dark: mix(#000, $new-neutral, 20%);
.element {
color: $new-neutral;
box-shadow: 0 0 0 2px rgba($new-neutral, 0.35);
}