Couleur nommée la plus proche · #B2A6AC
#B2A6AC
Couleur nommée la plus proche: Foggy Plum
#B2A6AC (rgb(178 166 172), hsl(330 7% 67%), oklch(0.737 0.016 345.7)) est la plus proche de la couleur nommée Foggy Plum. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B2A6AC
oklch(0.737 0.016 345.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- B9AFB4
- C1B7BC
- C9C0C4
- D0C9CC
- D8D2D5
- E0DBDD
- E7E4E5
- EFEDEE
- F7F6F6
Ombres
- 9A9095
- 837A7F
- 6D6569
- 575154
- 433E40
- 2F2B2D
- 1D1A1B
- 0C0A0B
- 010101
Tons
- ADA2A7
- A89EA3
- A39A9F
- 9E979A
- 999396
- 948F91
- 8F8B8D
- 8A8789
- 858484
Harmonies de couleurs
Complémentaire +180°
- B2A6AC
Foggy Plum
- A1ADA7
≈ Feldspar Silver
Analogue -30° +30°
- B2A6AC
Foggy Plum
- AEA7B1
≈ Elderberry Grey
- B4A6A6
≈ Cool Lavender
Triadique +120° +240°
- B2A6AC
Foggy Plum
- ABAB9F
≈ Escape Grey
- A0ACB2
≈ Pelican Bay
Complémentaire divisée +150° +210°
- B2A6AC
Foggy Plum
- A5ACA2
≈ Gracious Grey
- 9FADAD
≈ Prince Grey
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.34:1 · APCA Lc 46
Ag
AAASur noir
WCAG 8.94:1 · APCA Lc 56
Meilleure couleur de texte: #000000
WCAG 8.94:1 (AAA) · APCA Lc 56
Contrast pairs
Extraits de code
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);
}