Benannte Farbe · #A5A391
Cement
Cement ist #A5A391: rgb(165 163 145), hsl(54 10% 61%), oklch(0.712 0.026 101.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cement color name →
#A5A391
oklch(0.712 0.026 101.8)
Farbumrechnungen
- HEX
- #a5a391
- RGB
- rgb(165 163 145)
- HSL
- hsl(54 10% 61%)
- HWB
- hwb(54 57% 35%)
- OKLCH
- oklch(0.712 0.026 101.8)
- OKLab
- oklab(0.712 -0.005 0.025)
- CIE Lab
- lab(66.78 -1.64 9.66)
- LCH
- lch(66.78 9.8 99.6)
- CMYK
- cmyk(0% 1% 12% 35%)
Tints · Shades · Tones
Tints
- AEAC9C
- B6B5A6
- BFBEB1
- C8C7BC
- D1D0C7
- DAD9D2
- E3E3DD
- ECECE8
- F6F5F4
Shades
- 8F8D7D
- 79786A
- 656358
- 514F46
- 3D3C35
- 2B2A25
- 1A1915
- 0A0A07
- 010101
Tones
- A19F8F
- 9D9C8E
- 9A988C
- 96958A
- 929189
- 8F8E87
- 8B8A85
- 878783
- 848382
Farbharmonien
Komplementär +180°
- A5A391
Cement
- 9FA1B2
≈ Santas Grey
Analog -30° +30°
- A5A391
Cement
- ACA091
≈ Taupe Tone
- 9CA695
≈ Lichen Green
Triadisch +120° +240°
- A5A391
Cement
- 92A6AE
≈ Galleria Blue
- AE9CA7
≈ Laylock
Geteilt komplementär +150° +210°
- A5A391
Cement
- 97A4B2
≈ Robotic Gods
- A79EAE
≈ Goose Wing Grey
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.54:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.24:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.24:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--cement: #a5a391;
--cement-rgb: 165 163 145;
--cement-oklch: oklch(0.712 0.026 101.8);
}
.element {
color: var(--cement);
background-color: hsl(54 10% 61%);
border-color: oklch(0.712 0.026 101.8);
}Tailwind CSS v4
@theme {
--color-cement: #a5a391;
--color-cement-50: #f6f6ed;
--color-cement-100: #e9e8df;
--color-cement-200: #d6d5c9;
--color-cement-300: #b9b8aa;
--color-cement-400: #a19f8e;
--color-cement-500: #898774;
--color-cement-600: #747262;
--color-cement-700: #5d5b4e;
--color-cement-800: #444339;
--color-cement-900: #2f2e27;
--color-cement-950: #1c1b15;
}SCSS
$cement: #a5a391;
$cement-rgb: 165, 163, 145;
$cement-light: mix(#fff, $cement, 20%);
$cement-dark: mix(#000, $cement, 20%);
.element {
color: $cement;
box-shadow: 0 0 0 2px rgba($cement, 0.35);
}