Benannte Farbe · #B7A9AC
Ramadi Grey
Ramadi Grey ist #B7A9AC: rgb(183 169 172), hsl(347 9% 69%), oklch(0.748 0.017 2.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Ramadi Grey color name →
#B7A9AC
oklch(0.748 0.017 2.8)
Farbumrechnungen
- HEX
- #b7a9ac
- RGB
- rgb(183 169 172)
- HSL
- hsl(347 9% 69%)
- HWB
- hwb(347 66% 28%)
- OKLCH
- oklch(0.748 0.017 2.8)
- OKLab
- oklab(0.748 0.017 0.001)
- CIE Lab
- lab(70.51 5.62 0.37)
- LCH
- lch(70.51 5.63 3.8)
- CMYK
- cmyk(0% 8% 6% 28%)
Tints · Shades · Tones
Tints
- BEB1B4
- C5BABC
- CCC2C4
- D3CBCC
- DBD3D5
- E2DCDD
- E9E5E5
- F0EDEE
- F8F6F6
Shades
- 9F9295
- 877C7F
- 706769
- 5A5354
- 453F40
- 312C2D
- 1E1B1B
- 0C0A0B
- 020101
Tones
- B1A5A7
- ACA1A3
- A69D9F
- A1989A
- 9B9496
- 969091
- 908C8D
- 8B8889
- 858484
Farbharmonien
Komplementär +180°
- B7A9AC
Ramadi Grey
- A2B1AE
≈ Conch
Analog -30° +30°
- B7A9AC
Ramadi Grey
- B4A9B2
≈ Resplendent
- B7AAA6
≈ Winter Cocoa
Triadisch +120° +240°
- B7A9AC
Ramadi Grey
- ABAFA4
≈ Smoky White
- A5AFB7
≈ Northern Light Grey
Geteilt komplementär +150° +210°
- B7A9AC
Ramadi Grey
- A6B0A8
≈ Dreamcatcher
- A2B0B3
≈ Tempered Grey
Tetradisch +90° +180° +270°
- B7A9AC
Ramadi Grey
- B1ADA2
≈ Greyhound
- A2B1AE
≈ Conch
- A9ADB8
≈ Jacaranda Light
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.26:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.28:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.28:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--ramadi-grey: #b7a9ac;
--ramadi-grey-rgb: 183 169 172;
--ramadi-grey-oklch: oklch(0.748 0.017 2.8);
}
.element {
color: var(--ramadi-grey);
background-color: hsl(347 9% 69%);
border-color: oklch(0.748 0.017 2.8);
}Tailwind CSS v4
@theme {
--color-ramadi-grey: #b7a9ac;
--color-ramadi-grey-50: #faf3f4;
--color-ramadi-grey-100: #ede6e7;
--color-ramadi-grey-200: #dbd1d3;
--color-ramadi-grey-300: #bfb4b6;
--color-ramadi-grey-400: #a89b9d;
--color-ramadi-grey-500: #908285;
--color-ramadi-grey-600: #7a6e71;
--color-ramadi-grey-700: #62585a;
--color-ramadi-grey-800: #484042;
--color-ramadi-grey-900: #322c2d;
--color-ramadi-grey-950: #1e191a;
}SCSS
$ramadi-grey: #b7a9ac;
$ramadi-grey-rgb: 183, 169, 172;
$ramadi-grey-light: mix(#fff, $ramadi-grey, 20%);
$ramadi-grey-dark: mix(#000, $ramadi-grey, 20%);
.element {
color: $ramadi-grey;
box-shadow: 0 0 0 2px rgba($ramadi-grey, 0.35);
}