Colore con nome più vicino · #BEB2C7
#BEB2C7
Colore con nome più vicino: Fog Syringa
#BEB2C7 (rgb(190 178 199), hsl(274 16% 74%), oklch(0.78 0.032 310.9)) è più vicino al colore con nome Fog Syringa. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#BEB2C7
oklch(0.78 0.032 310.9)
Conversioni di colore
- HEX
- #beb2c7
- RGB
- rgb(190 178 199)
- HSL
- hsl(274 16% 74%)
- HWB
- hwb(274 70% 22%)
- OKLCH
- oklch(0.78 0.032 310.9)
- OKLab
- oklab(0.78 0.021 -0.024)
- CIE Lab
- lab(74.08 7.34 -9.08)
- LCH
- lch(74.08 11.67 309)
- CMYK
- cmyk(5% 11% 0% 22%)
Tinte · Ombre · Toni
Tinte
- C4B9CD
- CBC1D2
- D1C9D8
- D8D0DD
- DED8E3
- E5E0E8
- EBE7EE
- F2EFF4
- F8F7F9
Ombre
- A59AAD
- 8C8393
- 756D7A
- 5E5762
- 48434C
- 332F36
- 1F1D21
- 0D0C0E
- 020102
Toni
- B8ADC0
- B1A8B8
- ABA3B1
- A59EAA
- 9E99A3
- 98949C
- 928F95
- 8C8A8E
- 868587
Armonie di colore
Complementare +180°
- BEB2C7
Fog Syringa
- B0BCA7
≈ Fresh Thyme
Analogo -30° +30°
- BEB2C7
Fog Syringa
- B3B6CC
≈ Soft Sky
- C7B0BE
≈ Maverick
Triadico +120° +240°
- BEB2C7
Fog Syringa
- C5B4A2
≈ Steveareno Beige
- A1BEBC
≈ Falkland
Complementare divisa +150° +210°
- BEB2C7
Fog Syringa
- BBB8A1
≈ Court Green
- A6BEB1
≈ Foggy Rain
Tetradico +90° +180° +270°
- BEB2C7
Fog Syringa
- CAB1A8
≈ Vintage Charm
- B0BCA7
≈ Fresh Thyme
- A2BDC6
≈ Clear Vista
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.38:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.38:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--fog-syringa: #beb2c7;
--fog-syringa-rgb: 190 178 199;
--fog-syringa-oklch: oklch(0.78 0.032 310.9);
}
.element {
color: var(--fog-syringa);
background-color: hsl(274 16% 74%);
border-color: oklch(0.78 0.032 310.9);
}Tailwind CSS v4
@theme {
--color-fog-syringa: #beb2c7;
--color-fog-syringa-50: #f8f3fc;
--color-fog-syringa-100: #ece5f0;
--color-fog-syringa-200: #d9d0de;
--color-fog-syringa-300: #bdb3c3;
--color-fog-syringa-400: #a599ad;
--color-fog-syringa-500: #8d8096;
--color-fog-syringa-600: #776d7f;
--color-fog-syringa-700: #5f5766;
--color-fog-syringa-800: #463f4b;
--color-fog-syringa-900: #302c34;
--color-fog-syringa-950: #1c1920;
}SCSS
$fog-syringa: #beb2c7;
$fog-syringa-rgb: 190, 178, 199;
$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);
}