Nearest named color · #B2A6AC
#B2A6AC
Nearest named color: Foggy Plum
#B2A6AC (rgb(178 166 172), hsl(330 7% 67%), oklch(0.737 0.016 345.7)) is closest to the named color Foggy Plum. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B2A6AC
oklch(0.737 0.016 345.7)
Color conversions
- HEX
- #b2a6ac
- RGB
- rgb(178 166 172)
- HSL
- hsl(330 7% 67%)
- HWB
- hwb(330 65% 30%)
- OKLCH
- oklch(0.737 0.016 345.7)
- OKLab
- oklab(0.737 0.016 -0.004)
- CIE Lab
- lab(69.29 5.29 -1.46)
- LCH
- lch(69.29 5.49 344.5)
- CMYK
- cmyk(0% 7% 3% 30%)
Tints · Shades · Tones
Tints
- B9AFB4
- C1B7BC
- C9C0C4
- D0C9CC
- D8D2D5
- E0DBDD
- E7E4E5
- EFEDEE
- F7F6F6
Shades
- 9A9095
- 837A7F
- 6D6569
- 575154
- 433E40
- 2F2B2D
- 1D1A1B
- 0C0A0B
- 010101
Tones
- ADA2A7
- A89EA3
- A39A9F
- 9E979A
- 999396
- 948F91
- 8F8B8D
- 8A8789
- 858484
Color harmonies
Complementary +180°
- B2A6AC
Foggy Plum
- A1ADA7
≈ Feldspar Silver
Analogous -30° +30°
- B2A6AC
Foggy Plum
- AEA7B1
≈ Elderberry Grey
- B4A6A6
≈ Cool Lavender
Triadic +120° +240°
- B2A6AC
Foggy Plum
- ABAB9F
≈ Escape Grey
- A0ACB2
≈ Pelican Bay
Split-complementary +150° +210°
- B2A6AC
Foggy Plum
- A5ACA2
≈ Gracious Grey
- 9FADAD
≈ Prince Grey
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.34:1 · APCA Lc 46
Ag
AAAOn black
WCAG 8.94:1 · APCA Lc 56
Best text color: #000000
WCAG 8.94:1 (AAA) · APCA Lc 56
Contrast pairs
Code snippets
CSS
:root {
--foggy-plum: #b2a6ac;
--foggy-plum-rgb: 178 166 172;
--foggy-plum-oklch: oklch(0.737 0.016 345.7);
}
.element {
color: var(--foggy-plum);
background-color: hsl(330 7% 67%);
border-color: oklch(0.737 0.016 345.7);
}Tailwind CSS v4
@theme {
--color-foggy-plum: #b2a6ac;
--color-foggy-plum-50: #f9f3f6;
--color-foggy-plum-100: #ece6e9;
--color-foggy-plum-200: #dad2d5;
--color-foggy-plum-300: #beb4b9;
--color-foggy-plum-400: #a69ba0;
--color-foggy-plum-500: #8f8288;
--color-foggy-plum-600: #796e73;
--color-foggy-plum-700: #61585c;
--color-foggy-plum-800: #474044;
--color-foggy-plum-900: #312c2f;
--color-foggy-plum-950: #1d191b;
}SCSS
$foggy-plum: #b2a6ac;
$foggy-plum-rgb: 178, 166, 172;
$foggy-plum-light: mix(#fff, $foggy-plum, 20%);
$foggy-plum-dark: mix(#000, $foggy-plum, 20%);
.element {
color: $foggy-plum;
box-shadow: 0 0 0 2px rgba($foggy-plum, 0.35);
}