Cor nomeada mais próxima · #B8B2CC
#B8B2CC
Cor nomeada mais próxima: Fog Syringa
#B8B2CC (rgb(184 178 204), hsl(254 20% 75%), oklch(0.777 0.037 296.1)) é mais próxima da cor nomeada Fog Syringa. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#B8B2CC
oklch(0.777 0.037 296.1)
Conversões de cor
- HEX
- #b8b2cc
- RGB
- rgb(184 178 204)
- HSL
- hsl(254 20% 75%)
- HWB
- hwb(254 70% 20%)
- OKLCH
- oklch(0.777 0.037 296.1)
- OKLab
- oklab(0.777 0.016 -0.033)
- CIE Lab
- lab(73.7 5.97 -12.43)
- LCH
- lch(73.7 13.79 295.7)
- CMYK
- cmyk(10% 13% 0% 20%)
Tons claros · Sombras · Tons
Tons claros
- BFB9D1
- C6C1D6
- CDC9DB
- D4D0E0
- DBD8E5
- E2E0EB
- E9E7F0
- F0EFF5
- F8F7FA
Sombras
- A09AB1
- 888397
- 716D7E
- 5B5765
- 45434E
- 312F37
- 1E1D22
- 0C0C0F
- 020102
Tons
- B2ADC4
- ACA8BC
- A7A3B5
- A19EAD
- 9C99A5
- 96949E
- 908F96
- 8B8A8F
- 858587
Harmonias de cor
Complementar +180°
- B8B2CC
Fog Syringa
- B5BA9F
≈ Tickled Crow
Análoga -30° +30°
- B8B2CC
Fog Syringa
- ABB6CF
≈ Minuet
- C3AFC3
≈ Lavish Lavender
Tríade +120° +240°
- B8B2CC
Fog Syringa
- CAB1A0
≈ Familiar Beige
- 9EBFB5
≈ Shadow Green
Complementar dividida +150° +210°
- B8B2CC
Fog Syringa
- C1B59C
≈ Windsor Greige
- A8BDA9
≈ Bryophyte
Tétrade +90° +180° +270°
- B8B2CC
Fog Syringa
- CDAEAA
≈ Lacey
- B5BA9F
≈ Tickled Crow
- 9CBEC2
≈ Warm Breezes
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASobre preto
WCAG 10.27:1 · APCA Lc 63
Melhor cor de texto: #000000
WCAG 10.27:1 (AAA) · APCA Lc 63
Contrast pairs
Trechos de código
CSS
:root {
--fog-syringa: #b8b2cc;
--fog-syringa-rgb: 184 178 204;
--fog-syringa-oklch: oklch(0.777 0.037 296.1);
}
.element {
color: var(--fog-syringa);
background-color: hsl(254 20% 75%);
border-color: oklch(0.777 0.037 296.1);
}Tailwind CSS v4
@theme {
--color-fog-syringa: #b8b2cc;
--color-fog-syringa-50: #f6f3ff;
--color-fog-syringa-100: #e9e5f3;
--color-fog-syringa-200: #d6d1e2;
--color-fog-syringa-300: #b9b4c8;
--color-fog-syringa-400: #a09ab2;
--color-fog-syringa-500: #88829d;
--color-fog-syringa-600: #736e84;
--color-fog-syringa-700: #5c586a;
--color-fog-syringa-800: #43404e;
--color-fog-syringa-900: #2e2c36;
--color-fog-syringa-950: #1b1921;
}SCSS
$fog-syringa: #b8b2cc;
$fog-syringa-rgb: 184, 178, 204;
$fog-syringa-light: mix(#fff, $fog-syringa, 20%);
$fog-syringa-dark: mix(#000, $fog-syringa, 20%);
.element {
color: $fog-syringa;
box-shadow: 0 0 0 2px rgba($fog-syringa, 0.35);
}