Benannte Farbe · #AEAFB9
Buffed Plum
Buffed Plum ist #AEAFB9: rgb(174 175 185), hsl(235 7% 70%), oklch(0.756 0.014 281.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Buffed Plum color name →
#AEAFB9
oklch(0.756 0.014 281.5)
Farbumrechnungen
- HEX
- #aeafb9
- RGB
- rgb(174 175 185)
- HSL
- hsl(235 7% 70%)
- HWB
- hwb(235 68% 27%)
- OKLCH
- oklch(0.756 0.014 281.5)
- OKLab
- oklab(0.756 0.003 -0.014)
- CIE Lab
- lab(71.62 1.08 -5.26)
- LCH
- lch(71.62 5.37 281.6)
- CMYK
- cmyk(6% 5% 0% 27%)
Tints · Shades · Tones
Tints
- B6B7C0
- BEBFC7
- C6C6CE
- CECED5
- D6D6DC
- DEDEE3
- E6E6EA
- EEEFF1
- F7F7F8
Shades
- 9798A0
- 808189
- 6A6B71
- 55565B
- 414146
- 2E2E31
- 1C1C1E
- 0B0B0D
- 010102
Tones
- A9AAB3
- A5A5AD
- A0A1A8
- 9B9CA2
- 97979C
- 929296
- 8E8E91
- 89898B
- 848586
Farbharmonien
Komplementär +180°
- AEAFB9
Buffed Plum
- B1B0A6
≈ Urban Putty
Analog -30° +30°
- AEAFB9
Buffed Plum
- AAB1B9
≈ Cistern
- B3ADB7
≈ Audition
Triadisch +120° +240°
- AEAFB9
Buffed Plum
- B8ADA9
≈ Taupedo
- A8B3AD
≈ Frozen Pond
Geteilt komplementär +150° +210°
- AEAFB9
Buffed Plum
- B6AFA6
≈ Mercurial
- ADB2A9
≈ Pebble Walk
Tetradisch +90° +180° +270°
- AEAFB9
Buffed Plum
- B9ACAD
≈ Aniline Mauve
- B1B0A6
≈ Urban Putty
- A6B3B2
≈ Flint Smoke
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.18:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.63:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.63:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--buffed-plum: #aeafb9;
--buffed-plum-rgb: 174 175 185;
--buffed-plum-oklch: oklch(0.756 0.014 281.5);
}
.element {
color: var(--buffed-plum);
background-color: hsl(235 7% 70%);
border-color: oklch(0.756 0.014 281.5);
}Tailwind CSS v4
@theme {
--color-buffed-plum: #aeafb9;
--color-buffed-plum-50: #f4f5f9;
--color-buffed-plum-100: #e7e7ed;
--color-buffed-plum-200: #d3d3da;
--color-buffed-plum-300: #b6b7bf;
--color-buffed-plum-400: #9d9ea7;
--color-buffed-plum-500: #848590;
--color-buffed-plum-600: #70717a;
--color-buffed-plum-700: #595a61;
--color-buffed-plum-800: #414247;
--color-buffed-plum-900: #2d2d31;
--color-buffed-plum-950: #1a1a1d;
}SCSS
$buffed-plum: #aeafb9;
$buffed-plum-rgb: 174, 175, 185;
$buffed-plum-light: mix(#fff, $buffed-plum, 20%);
$buffed-plum-dark: mix(#000, $buffed-plum, 20%);
.element {
color: $buffed-plum;
box-shadow: 0 0 0 2px rgba($buffed-plum, 0.35);
}