Benannte Farbe · #B4AB99
Salem Clay
Salem Clay ist #B4AB99: rgb(180 171 153), hsl(40 15% 65%), oklch(0.744 0.027 84.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Salem Clay color name →
#B4AB99
oklch(0.744 0.027 84.6)
Farbumrechnungen
- HEX
- #b4ab99
- RGB
- rgb(180 171 153)
- HSL
- hsl(40 15% 65%)
- HWB
- hwb(40 60% 29%)
- OKLCH
- oklch(0.744 0.027 84.6)
- OKLab
- oklab(0.744 0.003 0.027)
- CIE Lab
- lab(70.37 1.05 10.53)
- LCH
- lch(70.37 10.58 84.3)
- CMYK
- cmyk(0% 5% 15% 29%)
Tints · Shades · Tones
Tints
- BBB3A3
- C3BBAD
- CAC4B7
- D1CCC1
- D9D4CB
- E0DDD5
- E8E5E0
- F0EEEA
- F7F6F4
Shades
- 9C9484
- 857E70
- 6E685D
- 58544A
- 444038
- 302D27
- 1D1B17
- 0C0B08
- 020101
Tones
- AFA797
- A9A294
- A49E92
- 9F9A8F
- 9A958D
- 94918A
- 8F8D88
- 8A8885
- 858483
Farbharmonien
Komplementär +180°
- B4AB99
Salem Clay
- A3ACBE
≈ Lilac Time
Analog -30° +30°
- B4AB99
Salem Clay
- BAA89C
≈ Putty Grey
- ABAE9B
≈ Desert Pear
Triadisch +120° +240°
- B4AB99
Salem Clay
- 99B1B4
≈ Ether
- B5A6B6
≈ Bellflower Violet
Geteilt komplementär +150° +210°
- B4AB99
Salem Clay
- 9CAFBB
≈ Rainy Sidewalk
- ADA9BC
≈ Morning Mist Grey
Tetradisch +90° +180° +270°
- B4AB99
Salem Clay
- 9BB2AB
≈ Tiamo
- A3ACBE
≈ Lilac Time
- BBA5AD
≈ Cold Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.27:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.22:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.22:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--salem-clay: #b4ab99;
--salem-clay-rgb: 180 171 153;
--salem-clay-oklch: oklch(0.744 0.027 84.6);
}
.element {
color: var(--salem-clay);
background-color: hsl(40 15% 65%);
border-color: oklch(0.744 0.027 84.6);
}Tailwind CSS v4
@theme {
--color-salem-clay: #b4ab99;
--color-salem-clay-50: #f8f5ed;
--color-salem-clay-100: #ece7de;
--color-salem-clay-200: #d9d4c7;
--color-salem-clay-300: #bdb7a8;
--color-salem-clay-400: #a69d8d;
--color-salem-clay-500: #8f8572;
--color-salem-clay-600: #797161;
--color-salem-clay-700: #615a4d;
--color-salem-clay-800: #474238;
--color-salem-clay-900: #312d26;
--color-salem-clay-950: #1d1a15;
}SCSS
$salem-clay: #b4ab99;
$salem-clay-rgb: 180, 171, 153;
$salem-clay-light: mix(#fff, $salem-clay, 20%);
$salem-clay-dark: mix(#000, $salem-clay, 20%);
.element {
color: $salem-clay;
box-shadow: 0 0 0 2px rgba($salem-clay, 0.35);
}